首頁猿問如何看待，關于checkbox的聯...

如何看待，關于checkbox的聯動問題？

MVVM JavaScript

呼如林 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>