ichecked 全选、反选

最新推荐文章于 2020-10-23 17:12:20 发布

weixin_34124577

最新推荐文章于 2020-10-23 17:12:20 发布

阅读量142

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/chongtao/p/5981907.html

本文介绍了一种使用iChecked插件实现复选框全选和反选功能的方法。通过监听复选框的状态变化，自动更新全选按钮的状态，同时支持通过点击全选按钮来控制所有子复选框的状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//iChecked复选框的全选、反选
var checkBox =function (checkParents){
    $(checkParents).find('.minimalCheckBox1').on('ifChanged',function(){
        var _this = $(this);
        var _thisParents =$(this).parents(checkParents);
        var checkBoxSize =_thisParents.find('.minimalCheckBox1').filter(':not(:checked)').size();
        if( checkBoxSize<= 0){
            //如果其它的复选框全部被勾选了，那么全选勾中
            _thisParents.find('.minimalCheckBox').iCheck('check');
        }else{
            _thisParents.find('.minimalCheckBox').iCheck('uncheck');
        }
    });
    $('.minimalCheckBox').on('ifClicked', function(event){
        var _this = $(this);
        var _thisParents =$(this).parents(checkParents);
        if(_this.is(':checked')){
            //反选
            _thisParents.find('.minimalCheckBox1').iCheck('uncheck');
        }else {
            //全选
            _thisParents.find('.minimalCheckBox1').iCheck('check');
        }
    });
};