ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryはlist_jqueryのすべて選択機能を実装します。

jQueryはlist_jqueryのすべて選択機能を実装します。

WBOY
リリース: 2016-05-16 16:08:41
オリジナル
1562 人が閲覧しました

リストの完全な選択機能を実現するには数行のコードのみが必要で、バックグラウンドの削除プログラムはポストリクエストと連動して実行できます

js

コードをコピーします コードは次のとおりです:

関数 DelAlert(データ)
{
If(データ == 'エラー')
{
alert("エラー~");
}
else if(data == 'success')
{
alert("成功~");
location.reload();
}
}
//jquery の導入、ここでのバックエンドは thinkphp
$(関数(){
//各行のチェックボックスには、現在の行の ID を保存するための check-value 属性が必要です
//すべて選択、checkAll はすべてを選択するチェックボックスの ID、selctone はチェックボックスの各行のクラス
$('#checkAll').selectall('selectone');
//選択したものを削除、deleteAll はすべて削除ボタンの ID、selectone はチェックボックスの各行のクラス、背景は次のような形式のパラメータ ID を受け取ります: 1,2,3
var url = "ホーム/ロール/デオール'";
$('#deleteAll').delselect('selectone',url,function(data){
DelAlert(データ);
},function(){
layer.msg("コンテンツが選択されていません",2,0);
});
})

jquery.selectall.js

コードをコピー コードは次のとおりです:

(関数( $ ){
    $.fn.selectall = function(className) {
        $(this).bind('click',function()
        {
            if($(this).attr('チェック済み') == 'チェック済み')
            {
                $(this).attr("チェック済み",false)
                $('.' className).attr('checked',false);
            }その他{
                $(this).attr('チェック済み','チェック済み');
                $('.' className).attr('checked','checked');
            }
        });
        $('.' className).bind('click',function()
        {
            if($(this).attr('チェック済み') == 'チェック済み')
            {
                $(this).attr("チェック済み",false);
            }その他{
                $(this).attr('チェック済み','チェック済み');
            }
        });
    };
    $.fn.delselect = function(className,url,fun,unselectfun){
        $(this).bind('click',function(){
            var selectid = '';
            $("." クラス名).each(function(){
                if($(this).attr('チェック済み')=='チェック済み'){
                    selectid =$(this).attr('check-value') ',';
                }
            });
            if(selectid)
            {
                selectid = selectid.substring(0,selectid.length-1);
                $.post(url,{ids:selectid},function(data){
                    楽しい(データ);
                });
            }その他
            {
                unselectfun();
            }
        });
    };
})( jQuery );

以上が本文書のすべての内容です。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート