您好,欢迎访问一九零五行业门户网

jQuery实现列表的全选功能_jquery

只需要几行代码就可以实现列表的全选功能,并且可以配合post请求执行后台的删除程序
js
复制代码 代码如下:
function delalert(data)
    {
        if(data == 'error')
        {
            alert(错误~);
        }
        else if(data == 'success')
        {
            alert(成功~);
            location.reload();
        }
    }
    //引入jquery,这里后台配合的是thinkphp
    $(function(){
        //每行的checkbox需要有check-value属性来存放当前行的id
        //选中全部,checkall 为选中全部的checkbox的id selctone 为每一行checkbox的class
        $('#checkall').selectall('selectone');
        //删除选中,deleteall为删除全部按钮的id  selectone 为每一行checkbox的class 后台接收参数ids 格式如: 1,2,3
        var url = home/role/delall';
        $('#deleteall').delselect('selectone',url,function(data){
            delalert(data);
        },function(){
            layer.msg(没有选中内容,2,0);
        });
    })
jquery.selectall.js
复制代码 代码如下:
(function( $ ){
    $.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){
                    fun(data);
                });
            }else
            {
                unselectfun();
            }
        });
    };
})( jquery );
以上所述就是本文的全部内容了,希望大家能够喜欢。
其它类似信息

推荐信息