一.页面
<input type="checkbox" id="check_all">
...
<input type="checkbox" class="check_item">
...
![](https://i-blog.csdnimg.cn/blog_migrate/0ac2932a29cd34f82c4241dd39ca6a70.png)
二.JQ逻辑
//全选/全不选功能
$("#check_all").click(function(){
$(".check_item").prop("checked",$(this).prop("checked"));
});
//单个单选框绑定点击事件
$(document).on("click",".check_item",function(){
var flag=$(".check_item:checked").length==$(".check_item").length;
$("#check_all").prop("checked",flag);
});