表单全选取消全选

案例分析：

①全选和取消全选做法：让下面所有复选框的checked属性（选中状态）跟随全选按钮即可
②下面复选框需要全部选中，上面全选才能选中做法：给下面所有复选框绑定点击事件，每次点击，都要循环查看下面所有的复选框是否有没选中的，如果有一个没选中，上面全选就不选中
③可以设置变量，来控制全选是否选中
④

//获取元素
var j_cbAll = document.getElementById('j_cbAll') //全选按钮
var j_tbs = document.getElementById('j_tbs').getElementsByTagName('input') //下面所有的复选框
//注册事件
//全选和取消全选
j_cbAll.onclick = function(){
	// this.checked 它可以得到当前复选框的选中状态如果是true 就是选中，如果是false 就是未选中
	for(var i = 0; i < j_tbs.length;i++){
		j_tbs[i].checked = this.checked
	}
}
//下面复选框全部选中，才会触发上面的全选
//遍历给下面每个复选框绑定点击事件
for(var i = 0; i < j_tbs.length; i++){
	j_tbs[i].onclick = function(){
		//flag控制全选按钮是否选中
		var flag = true
		//每次点击下面的复选框都要循环检查这4个小按钮是否全被选中
		for(var i = 0; i < j_tbs.length; i++){
			if(!j_tbs[i].checked){
				flag = false;
				break;	//退出for循环 这样可以提高执行效率 因为只要有一个没有选中，剩下的就无需循环
			}
		}
		j_cbAll.checked = flag
	}
}