jquery实现多选框包括全选
时间: 2023-03-28 19:03:57 浏览: 144
jQuery实现全选
可以使用以下代码实现:
HTML代码:
```
<input type="checkbox" id="checkAll">全选
<input type="checkbox" name="checkItem" class="checkItem">选项1
<input type="checkbox" name="checkItem" class="checkItem">选项2
<input type="checkbox" name="checkItem" class="checkItem">选项3
```
jQuery代码:
```
$(function(){
//全选
$("#checkAll").click(function(){
$(".checkItem").prop("checked", this.checked);
});
//单选
$(".checkItem").click(function(){
var flag = true;
$(".checkItem").each(function(){
if(!this.checked){
flag = false;
}
});
$("#checkAll").prop("checked", flag);
});
});
```
阅读全文