jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 使用icheck选中所有复选框大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用 iCheck插件复选框.我在那里放了一个“全选”功能.结构:

>全选
>复选框1
>复选框2
>复选框3

它工作正常,如检查“全选”,将选中所有复选框.取消选中“全选”时,将取消选中所有复选框.但是,在选中“全选”后,如果取消选中任何复选框,则应自动取消选中“全选”,因为此时未选中所有复选框.

为此,我写了这个:

$('#check-all').on('ifChanged',function(event){
    if($('.check').filter(':checked').length == $('.check').length) {
        $('#check-all').iCheck('check');
    } else {
        $('#check-all').iCheck('uncheck');
    }
    $('#check-all').iCheck('update');
});

但是,在输入此代码后,我的复选框工作不正常,如“全部选择”不能单击,它需要经常多次点击.如果取消选中任何一个复选框,也不会取消选中“全选”.代码有什么问题?如何正确写?

Fiddle work

解决方法

// Remove the checked state from "All" if any checkBox is unchecked
$('.check').on('ifUnchecked',function (event) {
    $('#check-all').iCheck('uncheck');
});

// Make "All" checked if all checkBoxes are checked
$('.check').on('ifChecked',function (event) {
    if ($('.check').filter(':checked').length == $('.check').length) {
        $('#check-all').iCheck('check');
    }
});

处理$(‘#check-all’).on(‘ifUnchecked’,…虽然很棘手 – 它触发其他处理,每个复选框都取消选中

fiddle

大佬总结

以上是大佬教程为你收集整理的jquery – 使用icheck选中所有复选框全部内容,希望文章能够帮你解决jquery – 使用icheck选中所有复选框所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: