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

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

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 );

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