去掉全选多选框
程序员文章站
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;
上一篇: 选中全选框
下一篇: vue 多选框 全选