猿问

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

现在有4个checkbox按钮,一个父按钮,三个子按钮:
1.当父按钮被选中时,三个子按钮也同时被选中
2.当父按钮被取消选中时,所有子按钮也同时被取消选中
3.只要有一个子按钮被选中,父按钮就会同时被选中
请问这个用javascript怎么实现,谢谢

呼如林
浏览 325回答 1
1回答

胡说叔叔

看看这个和不和你的要求:<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>
随时随地看视频慕课网APP
我要回答