欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

去掉全选多选框

程序员文章站 2022-07-13 23:05:03
...

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

 

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;