为了账号安全,请及时绑定邮箱和手机立即绑定

如何看待,关于checkbox的联动问题?

如何看待,关于checkbox的联动问题?

呼如林 2021-06-20 21:13:10
现在有4个checkbox按钮,一个父按钮,三个子按钮:1.当父按钮被选中时,三个子按钮也同时被选中2.当父按钮被取消选中时,所有子按钮也同时被取消选中3.只要有一个子按钮被选中,父按钮就会同时被选中请问这个用javascript怎么实现,谢谢
查看完整描述

1 回答

?
胡说叔叔

TA贡献1804条经验 获得超8个赞

看看这个和不和你的要求:
<input type="checkbox" id="selectAllCBox" onclick="selectAll(this.checked)" /> 选择全部<br>
<input type="checkbox" id="1Cbox" onclick="setSelectAll()" />1
<input type="checkbox" id="2Cbox" onclick="setSelectAll()" />2
<input type="checkbox" id="3Cbox" onclick="setSelectAll()" />3
<script>
var ids = [
'1Cbox',
'2Cbox',
'3Cbox'
]
function selectAll(checked) {
for (var i in ids) {
document.getElementById(ids[i]).checked = checked;
}
}
function setSelectAll() {
var flag = false;
for (var i in ids) {
if (document.getElementById(ids[i]).checked) {
flag = true;
break;
}
}
document.getElementById('selectAllCBox').checked = flag;
}
</script>



查看完整回答
反对 回复 2021-06-26
  • 1 回答
  • 0 关注
  • 314 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信