bootstrap复选框回显、全选及回显

最新推荐文章于 2021-06-03 11:58:18 发布

原创最新推荐文章于 2021-06-03 11:58:18 发布 · 2.6k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#js #bootstrap

js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何使用jQuery操作复选框实现回显、全选、全不选及反选等功能。通过具体的代码示例，详细解释了每种操作的具体实现方式。

1.回显：

$("input[type=checkbox][name=xxx]").each(function (i, e) {//清空操作
$(this).iCheck('uncheck');
});
var array = xxx.split(",");
$("input[type=checkbox][name=xxx]").each(function (i, e) {
for (var i = 0; i < array.length; i++) {
if ($(this).val() == array[i]) {
$(this).iCheck('check');
}
}
});

2.全选、全不选：

$("#checkall").click(function(){
$('[name=xxx]:checkbox').prop('checked',this.checked);
});

3.反选：

$("#checkrev").click(function(){
$('[name=xxx]:checkbox').each(function(){
this.checked=!this.checked;
});
});