Rumah >hujung hadapan web >tutorial js >jQuery melaksanakan fungsi pilih semua senarai_jquery

jQuery melaksanakan fungsi pilih semua senarai_jquery

WBOY
WBOYasal
2016-05-16 16:08:411572semak imbas

Hanya beberapa baris kod diperlukan untuk merealisasikan fungsi pemilihan penuh senarai, dan program pemadaman latar belakang boleh dilaksanakan bersama dengan permintaan siaran

js

Salin kod Kod adalah seperti berikut:

fungsi DelAlert(data)
{
Jika(data == 'ralat')
            {
makluman("Ralat~");
}
          jika tidak (data == 'berjaya')
            {
makluman("Kejayaan~");
location.reload();
}
}
//Memperkenalkan jquery, bahagian belakang di sini ialah thinkphp
$(fungsi(){
//Kotak semak setiap baris perlu mempunyai atribut nilai semak untuk menyimpan id baris semasa
//Pilih semua, semakSemua ialah id kotak pilihan yang memilih semua, seltone ialah kelas setiap baris kotak semak
          $('#checkAll').selectall('selectone');
//Padam dipilih, padamSemua ialah id butang padam semua, pilih satu ialah kelas bagi setiap baris kotak semak dan latar belakang menerima id parameter dalam format seperti: 1,2,3
        var url = "Rumah/Peranan/delall'";
           $('#deleteAll').delselect('selectone',url,function(data){
               DelAlert(data);
          }, function(){
              layer.msg("Tiada kandungan dipilih",2,0);
        });
})

jquery.selectall.js

Salin kod Kod adalah seperti berikut:

(fungsi( $ ){
    $.fn.selectall = function(className) {
        $(this).bind('klik',function()
        {
            if($(this).attr('checked') == 'checked')
            {
                $(this).attr("checked",false)
                $('.' className).attr('checked',false);
            }lain{
                $(this).attr('checked','checked');
                $('.' className).attr('checked','checked');
            }
        });
        $('.' className).bind('klik',function()
        {
            if($(this).attr('checked') == 'checked')
            {
                $(this).attr("checked",false);
            }lain{
                $(this).attr('checked','checked');
            }
        });
    };
    $.fn.delselect = function(className,url,fun,unselectfun){
        $(this).bind('klik',function(){
            var selectid = '';
            $("." className).setiap(fungsi(){
                if($(this).attr('checked')=='checked'){
                    selectid =$(this).attr('check-value') ',';
                }
            });
            jika(dipilih)
            {
                selectid = selectid.substring(0,selectid.length-1);
                $.post(url,{ids:selectid},function(data){
                    menyeronokkan(data);
                });
            }lain
            {
                unselectfun();
            }
        });
    };
})( jQuery );

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

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn