jquery复选框全选和反选
时间: 2023-11-28 11:46:14 浏览: 105
以下是jQuery实现复选框全选和反选的代码示例:
1. 全选
```javascript
//全选按钮
$("#checkedAllBtn").click(function(){
//所有复选框的状态都变成选中状态
items.prop("checked",true);
//全选/全部选复选框的状态也变成选中状态
$("#checkedAllBox").prop("checked",true);
});
```
2. 反选
```javascript
//反选按钮
$("#checkedRevBtn").click(function(){
//遍历所有复选框
items.each(function(){
//将每个复选框的选中状态取反
$(this).prop("checked",!$(this).prop("checked"));
});
//更新全选/全部选复选框的状态
$("#checkedAllBox").prop("checked",items.length == items.filter(":checked").length);
});
```
阅读全文