关闭

去掉全选多选框

250人阅读 评论(0) 收藏 举报

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

 

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;

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:330310次
    • 积分:8948
    • 等级:
    • 排名:第2254名
    • 原创:1096篇
    • 转载:14篇
    • 译文:0篇
    • 评论:5条
    最新评论