首页 新闻 会员 周边 捐助

请问怎么实现两个checkbox都做全选按钮

0
[待解决问题]

请问怎么实现两个checkbox都做全选按钮:

<input id="check" onclick="checkAll()" type="checkbox" name="checkbox1" value="checkbox"/>
<input id="check" onclick="checkAll()" type="checkbox" name="checkbox2" value="checkbox"/>

<script>
function checkAll() {
var checked = document.getElementById("check").checked;
var checkson = document.getElementsByName("checkbox2");
if(checked) {
for(var i = 0; i < checkson.length ;i++) {
checkson[i].checked = true;}}
else {
for(var i = 0; i < checkson.length ;i++) {
checkson[i].checked = false;}}
}
</script>

kenny.feng的主页 kenny.feng | 初学一级 | 园豆:151
提问于:2020-02-18 17:34
< >
分享
所有回答(3)
0

你想干嘛啊,没看明白。另外你的id也重复了

会长 | 园豆:12463 (专家六级) | 2020-02-18 18:03

想这样实现,两个都可以全选

支持(0) 反对(0) kenny.feng | 园豆:151 (初学一级) | 2020-02-18 18:04
0
<input id="check1" onclick="javascript:$('#check2').click()" type="checkbox" name="checkbox1" value="checkbox"/>
<input id="check2" onclick="checkAll()" type="checkbox" name="checkbox2" value="checkbox"/>
风中的雪糕 | 园豆:418 (菜鸟二级) | 2020-02-18 19:40

多谢哦。还有位老哥这样写,分享一下:
<input id="check1" onclick="checkAll(this.checked)" type="checkbox" name="checkbox1" value="checkbox"/>
<input id="check2" onclick="checkAll(this.checked)" type="checkbox" name="checkbox1" value="checkbox"/>
<hr>
<input type="checkbox" name="checkbox2" value="checkbox"/>
<input type="checkbox" name="checkbox2" value="checkbox"/>
<input type="checkbox" name="checkbox2" value="checkbox"/>
 
<script>
function checkAll(checked) {
document.getElementById("check1").checked = checked;
document.getElementById("check2").checked = checked;
var checkson = document.getElementsByName("checkbox2");
if(checked) {
for(var i = 0; i < checkson.length ;i++) {
checkson[i].checked = true;}}
else {
for(var i = 0; i < checkson.length ;i++) {
checkson[i].checked = false;}}
}
</script>

支持(0) 反对(0) kenny.feng | 园豆:151 (初学一级) | 2020-02-20 22:29
0
ycyzharry | 园豆:25683 (高人七级) | 2020-02-18 21:48

多谢,顺便关注了博主哈哈

支持(0) 反对(0) kenny.feng | 园豆:151 (初学一级) | 2020-02-20 22:31
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册