jQuery实现全选、全不选和反选
时间: 2024-01-30 07:01:51 浏览: 75
js, jQuery实现全选、反选功能.docx
可以使用以下代码来实现jQuery的全选、全不选和反选功能:
```javascript
// 全选
$("#checkAll").click(function(){
$("input[type='checkbox']").prop("checked", true);
});
// 全不选
$("#uncheckAll").click(function(){
$("input[type='checkbox']").prop("checked", false);
});
// 反选
$("#reverseCheck").click(function(){
$("input[type='checkbox']").each(function(){
$(this).prop("checked", !$(this).prop("checked"));
});
});
```
其中,`#checkAll`、`#uncheckAll`、`#reverseCheck`是三个按钮的id,可以根据具体情况进行修改。`$("input[type='checkbox']")`则是选中所有的复选框。
阅读全文