<input type="checkbox" id="All" />全选/反选<br />
<div id="div">
<input type="checkbox" class="item" />1<br />
<input type="checkbox" class="item" />2<br />
<input type="checkbox" class="item" />3<br />
<input type="checkbox" class="item" />4<br />
<input type="checkbox" class="item" />5
</div>
// 全选与反选
$("#All").on('click', function () {
if ($(this).prop("checked") == true) {
$(".item").prop("checked", true)
} else {
$(".item").prop("checked", false)
}
})
// 获取所有的item的个数
var Item=$(".item").length;
$(".item").on('click',function(){
// 获取item选中的个数
var checkItem=$(".item:checked").length;
//判断Item和checkItem的个数对否相等
if(checkItem==Item){
$("#All").prop("checked", true)
}else{
$("#All").prop("checked", false)
}
})