checkbox有2个全选按钮，如何选择其中一个，另一个也自动选上，反之亦然
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了checkbox有2个全选按钮，如何选择其中一个，另一个也自动选上，反之亦然相关的知识，希望对你有一定的参考价值。
仅仅是全选功能很容易实现，但是当全选按钮有2个时，怎么弄都会起冲突，除非写成2个函数。
谁有办法，只用一个函数，解决这个问题，感激不尽！
html代码
<input type="checkbox" id="cb-select-all-2" onclick="selectAll('ids[]');">
<input type="checkbox" name="ids[]" value="id">
<input type="checkbox" name="ids[]" value="id">
<input type="checkbox" name="ids[]" value="id">
<input type="checkbox" id="cb-select-all-2" onclick="selectAll('ids[]');">
<input type="checkbox" id="cb-select-all" >全选 <br>
<input type="checkbox" class="childCls" name="ids[]" value="1">
<input type="checkbox" class="childCls" name="ids[]" value="2">
<input type="checkbox" naclass="childCls" me="ids[]" value="3">
<script>
$("#cb-select-all").click(function()
if($(this).attr('checked'))
$(".childCls").each(function()
$(this).attr('checked',true);
);
else
$(".childCls").each(function()
$(this).attr('checked',false);
);
);
</script>本回答被提问者和网友采纳 参考技术B 你就绑定一个操作,在这个按钮onclick的时候,去setcheck所有到checkbox就好了
用JavaScript编程控制网页上checkbox选择状态：全选全部取消反选
在写一个“圳品”信息系统，需要提供按条件筛选功能，于是需要用JavaScript编程控制网页上checkbox选择状态，提供三个按钮：全选、全部取消、反向选择。
代码如下：
<!DOCTYPE html>
<html>
<title>河池“圳品”信息</title>
</head>
<body>
<div id="divArea">
县（区）： <input type="checkbox" checked="true" name="jcj" >金城江</input> <input type="checkbox" checked="true" name="yz">宜州</input> <input type="checkbox" checked="true" name="lc">罗城</input> <input type="checkbox" checked="true" name="hj">环江</input> <input type="checkbox" checked="true"name="nd">南丹</input> <input type="checkbox" checked="true" name="te">天峨</input> <input type="checkbox" checked="true" name="dl">东兰</input> <input type="checkbox" checked="true" name="bm">巴马</input> <input type="checkbox" checked="true" name="fs">凤山</input> <input type="checkbox" checked="true" name="da">都安</input> <input type="checkbox" checked="true" name="dh">大化</input> <input type="button" value="全选" onclick="checkedAllArea()" /> <input type="button" value="全部取消" onclick="uncheckedAllArea()" /> <input type="button" value="反选" onclick="reverseCheckArea()" />
</div>
<script>
var divArea = document.getElementById("divArea");
var checkArea = divArea.getElementsByTagName("input");
//全选
function checkedAllArea()
for (i=0; i < 11; i++)
checkArea[i].checked = true;
//全部取消
function uncheckedAllArea()
for (i=0; i < 11; i++)
checkArea[i].checked = false;
//反选
function reverseCheckArea()
for (i=0; i < 11; i++)
checkArea[i].checked = !checkArea[i].checked;
</script>
</body>
</html> 以上是关于checkbox有2个全选按钮，如何选择其中一个，另一个也自动选上，反之亦然的主要内容，如果未能解决你的问题，请参考以下文章
html,javaScript中怎么控制复选框checkbox的全选，全不选，以及全选中，全选按钮选中，其中一个或者多个没选，则全选按钮不被选中