Heim > Web-Frontend > js-Tutorial > jQuery implementiert die Funktion „Alle auswählen' der list_jquery

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

WBOY
Freigeben: 2016-05-16 16:08:41
Original
1563 Leute haben es durchsucht

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

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage