去掉全选多选框

最新推荐文章于 2022-02-20 17:43:39 发布

胖鹅68

最新推荐文章于 2022-02-20 17:43:39 发布

阅读量506

点赞数

本文链接：https://blog.csdn.net/hbiao68/article/details/17112773

版权

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

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" οnclick="selectAll();"><br>
		参数1<input type="checkbox" name="abc" value="11" οnclick="paramClick();"><br>
		参数2<input type="checkbox" name="abc" value="11" οnclick="paramClick();"><br>
		参数3<input type="checkbox" name="abc" value="11" οnclick="paramClick();"><br>
		参数4<input type="checkbox" name="abc" value="11" οnclick="paramClick();"><br>
		参数5<input type="checkbox" name="abc" value="11" οnclick="paramClick();"><br>
		参数6<input type="checkbox" name="abc" value="11" οnclick="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;

胖鹅68

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
去掉全选多选框

有多个多选框，当一个都不选中的时候灰化掉某些按钮，全选框也不应该选择？ var temp = $("input:checked");if(temp.length <= 0){ setControlDisable("button_delete",false);}else{ setControlDisable("button_delete",true);}
复制链接

扫一扫