icheck 全选 取消全选

一般的做法:
$(function () {
    $('input[type="checkbox"]').change(function (e) {
       if(this.className == 'all')
       {
           $('.check').prop('checked', this.checked);
       }
        else
        {
            $('.all').prop('checked', $('.check:checked').length == $('.check').length);
        }
    });
});


icheck 实现方法:

    var checkAll = $('input.all');
    var checkboxes = $('input.check');
    checkAll.on('ifChecked ifUnchecked', function(event) {
        if (event.type == 'ifChecked') {
            checkboxes.iCheck('check');
        } else {
            checkboxes.iCheck('uncheck');
        }
    });
    checkboxes.on('ifChanged', function(event){
        if(checkboxes.filter(':checked').length == checkboxes.length) {
            checkAll.prop('checked', 'checked');
        } else {
            checkAll.removeProp('checked');
        }
        checkAll.iCheck('update');
    });


阅读更多
想对作者说点什么? 我来说一句

iCheck 全选

html片段 查看

lala1091 lala1091

2017-08-24 17:13:13

阅读数:75

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭