jquery全选反选不选
时间: 2023-12-30 12:23:13 浏览: 90
jquery全选反选
以下是基于jQuery实现全选、反选和不选的代码示例:
1. 全选:
```javascript
$("#selectAll").click(function(){
$("#checkBoxList :checkbox").prop("checked", true);
});
```
2. 反选:
```javascript
$("#invertSelect").click(function(){
$("#checkBoxList :checkbox").each(function(){
$(this).prop("checked", !$(this).prop("checked"));
});
});
```
3. 不选:
```javascript
$("#unselectAll").click(function(){
$("#checkBoxList :checkbox").prop("checked", false);
});
```
请注意,上述代码中的`#checkBoxList`是一个包含多个复选框的父元素的ID,`#selectAll`、`#invertSelect`和`#unselectAll`分别是全选、反选和不选的按钮的ID。
阅读全文