jQuery implementiert die Funktion „Alle auswählen' der list_jquery

Es sind nur wenige Codezeilen erforderlich, um die vollständige Auswahlfunktion der Liste zu realisieren, und das Hintergrundlöschprogramm kann in Verbindung mit der Post-Anfrage ausgeführt werden

js

Code kopieren Der Code lautet wie folgt:

Funktion DelAlert(data)
{
If(data == 'error')
            {
alarm("Fehler~");
}
          else if(data == 'success')
            {
alarm("Erfolg~");
location.reload();
}
}
//Wir stellen JQuery vor, das Backend hier ist thinkphp
$(function(){
//Das Kontrollkästchen jeder Zeile muss über ein Prüfwertattribut verfügen, um die ID der aktuellen Zeile zu speichern
//Alles auswählen, checkAll ist die ID des Kontrollkästchens, das alles auswählt, selctone ist die Klasse jeder Zeile des Kontrollkästchens
          $('#checkAll').selectall('selectone');
//Ausgewählte löschen, deleteAll ist die ID der Schaltfläche „Alle löschen“, selectone ist die Klasse jeder Zeile des Kontrollkästchens und der Hintergrund empfängt Parameter-IDs im Format wie: 1,2,3
        var url = "Home/Role/delall'";
           $('#deleteAll').delselect('selectone',url,function(data){
               DelAlert(data);
          },function(){
              layer.msg("Kein Inhalt ausgewählt",2,0);
        });
})

jquery.selectall.js

Code kopieren Der Code lautet wie folgt:

(Funktion( $ ){
    $.fn.selectall = function(className) {
        $(this).bind('click',function()
        {
            if($(this).attr('checked') == 'checked')
            {
                $(this).attr("checked",false)
                $('.' className).attr('checked',false);
            }else{
                $(this).attr('checked','checked');
                $('.' className).attr('checked','checked');
            }
        });
        $('.' className).bind('click',function()
        {
            if($(this).attr('checked') == 'checked')
            {
                $(this).attr("checked",false);
            }else{
                $(this).attr('checked','checked');
            }
        });
    };
    $.fn.delselect = function(className,url,fun,unselectfun){
        $(this).bind('click',function(){
            var selectid = '';
            $("." className).each(function(){
                if($(this).attr('checked')=='checked'){
                    selectid =$(this).attr('check-value') ',';
                }
            });
            if(selectid)
            {
                selectid = selectid.substring(0,selectid.length-1);
                $.post(url,{ids:selectid},function(data){
                    Spaß(Daten);
                });
            }sonst
            {
                unselectfun();
            }
        });
    };
})( jQuery );

以上所述就是本文的全部内容了，希望大家能够喜欢.