全选框功能

逻辑代码

var cheLength=0;
			//全选框
			function dian() {
			//判断全选框是否勾选
				var flag = $("#dian").prop("checked");
				$(".ddian").prop("checked",flag);
				if (flag){
					cheLength = $(".ddian").length;
				}else {
					cheLength = 0;
				}
			}

			//复选框
			function ddian() {
				var ddian = $(".ddian");
				//遍历所有复选框，如果是勾选的则长度加一，否则减一
				for (var i=0;i<ddian.length;i++) {
					if (ddian.eq(i).prop("checked")){
						cheLength++;
					} else {
						cheLength--;
					}
				}
				//如果长度等于所有复选框数量则把全选框勾选,否则就不勾选全选框
				if ( cheLength==ddian.length) {
					$("#dian").prop("checked",true);
					cheLength = $(".ddian").length;
				}else{
					$("#dian").prop("checked",false);
					cheLength =0;
				}

			}

复选框标签

<input type='checkbox' class='ddian' onclick='ddian()'>

全选框标签

<input type="checkbox" onclick="dian()" id="dian">