checkbox的联动问题

来源:百度知道 编辑:UC知道 时间:2024/05/25 02:52:40
现在有4个checkbox按钮,一个父按钮,三个子按钮:
1.当父按钮被选中时,三个子按钮也同时被选中
2.当父按钮被取消选中时,所有子按钮也同时被取消选中
3.只要有一个子按钮被选中,父按钮就会同时被选中

请问这个用javascript怎么实现,谢谢

看看这个和不和你的要求:
<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;
}