jq实现checkbox全选全不选
时间: 2023-09-07 19:17:53 浏览: 170
你可以使用以下的代码来实现checkbox全选/全不选的功能:
```javascript
// 全选/全不选
$('#all').click(function() {
$('input[name="checkbox"]').prop('checked', this.checked);
});
// 单个checkbox点击事件
$('input[name="checkbox"]').click(function() {
var flag = true;
$('input[name="checkbox"]').each(function() {
if (!this.checked) {
flag = false;
}
});
$('#all').prop('checked', flag);
});
```
其中,`#all` 是全选的checkbox的id,`input[name="checkbox"]` 是所有需要被全选/全不选的checkbox的选择器。
第一个函数会在全选的checkbox被点击时触发,将所有的checkbox的 `checked` 属性设置成与全选checkbox相同。
第二个函数会在单个checkbox被点击时触发,如果所有的checkbox都被选中,那么全选的checkbox也会被选中,否则不选中。
阅读全文