说明：Checkbox的全选和全不选应用较为普遍，网上的资料大多数都是原生JS的实现方式，大家你超我，我超你，没意思！今天用JQuery试着写了一下，采用了新的角度实现，供大家参考一下，直接上代码，解释在代码里都写了！
1、Html页面代码
姓名手机号码部门
张三13000000001技术部李四13000000002技术部王五13000000003技术部赵六13000000004人事部田七13000000005财务部
2、JavaScript代码
$(function() {
// 全选/全不选
$("#checkBoxAll").click(function() {
$(":checkbox[name='checkBoxs']").prop("checked", this.checked); //所有checkbox使用checkBoxAll状态
});
// checkbox全部选中时，checkBoxAll选中；checkbox存在未选中时，checkBoxAll不选
$(":checkbox[name='checkBoxs']").click(function(){
// 首先验证自己是否选中状态，如果自己为非选中状态，则直接改变checkBoxAll状态
if(!$(this)[0].checked){
$("#checkBoxAll").prop("checked", false);
return;
}
// 整体验证
// 获取未选中的checbox，如果存在则非全选
var checkBoxslist = $(":checkbox[name='checkBoxs']:not(:checked)");
if(checkBoxslist.length > 0){ // 存在未选中
$("#checkBoxAll").prop("checked", false);
}else{ // 不存在未选中
$("#checkBoxAll").prop("checked", true);
}
});
});
如果想看效果，把HTML和JavaScript部分组合在一起，在引入自己的JQuery文件就行了(我也不想写这句废话，但是有人问过我怎么看效果......)！
注意：本文归作者所有，未经作者允许，
