去掉全选多选框

有多个多选框,当一个都不选中的时候灰化掉某些按钮,全选框也不应该选择?

 

var temp = $("input:checked");
if(temp.length <= 0){
    setControlDisable("button_delete",false);
}else{
    setControlDisable("button_delete",true);
}

 

 在HTML代码中,判断checkbox是否被选中的方法?

 

temp = document.getElementById("check_box").checked;
if(true == temp){
    alert("被选中");
}else if(false == temp){
     alert("没有被选中");
}

 

visibility: visible || hidden  //占用物理空间
display: block || none  //不占用物理空间

 

<html>
	<head>
		<title>usually function</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="text/javascript" src="jquery-1.4.4.js"></script>
	</head>

	<body>
		全选<input type="checkbox" name="select" id="select" onclick="selectAll();"><br>
		参数1<input type="checkbox" name="abc" value="11" onclick="paramClick();"><br>
		参数2<input type="checkbox" name="abc" value="11" onclick="paramClick();"><br>
		参数3<input type="checkbox" name="abc" value="11" onclick="paramClick();"><br>
		参数4<input type="checkbox" name="abc" value="11" onclick="paramClick();"><br>
		参数5<input type="checkbox" name="abc" value="11" onclick="paramClick();"><br>
		参数6<input type="checkbox" name="abc" value="11" onclick="paramClick();"><br>
		
	</body>
<html>

<script>

function paramClick(){
	//alert($("input:checked").find("[name='abc']").length);
	//alert($("input[name='abc']:checked").length);
	var allLength = $("input[name='abc']").length;
	//根据名称获取选择的checkbox
	var checkedLength = $("input[name='abc']:checked").length;
	
	if(allLength == checkedLength){
		$("#select").attr("checked",true);
	}else{
		$("#select").attr("checked",false);
	}
}

function selectAll(){
	//alert($("#select").attr("checked"));
	var ischecked = $("#select").attr("checked");
	if(ischecked){
		$("input[name='abc']").each(function(index,dom){
			$(this).attr("checked",true);
		});
	}else{
		$("input[name='abc']").each(function(index,dom){
			$(this).attr("checked",false);
		});
	}
}

</script>

 

备注:var checkedLength = $("input[name='abc']:checked").length;

 

你可能感兴趣的:(全选)