jquery实现全选和反选
时间: 2023-06-27 10:00:45 浏览: 140
Jquery实现全选和反选功能
可以使用以下代码实现全选和反选的功能:
```javascript
// 全选
$("#checkAll").click(function(){
$("input[type='checkbox']").prop("checked", true);
});
// 反选
$("#checkReverse").click(function(){
$("input[type='checkbox']").each(function(){
$(this).prop("checked", !$(this).prop("checked"));
});
});
```
其中,`#checkAll` 和 `#checkReverse` 分别为全选和反选的按钮的 ID,`$("input[type='checkbox']")` 选择所有类型为 checkbox 的 input 元素。在全选的事件处理函数中,将所有的复选框的 checked 属性设置为 true,在反选的事件处理函数中,将每个复选框的 checked 属性取反即可。
阅读全文