首頁猿問如何看待，關(guān)于checkbox的聯(lián)...

如何看待，關(guān)于checkbox的聯(lián)動(dòng)問題？

MVVM JavaScript

呼如林 2021-06-20 21:13:10

現(xiàn)在有4個(gè)checkbox按鈕，一個(gè)父按鈕，三個(gè)子按鈕：1.當(dāng)父按鈕被選中時(shí)，三個(gè)子按鈕也同時(shí)被選中2.當(dāng)父按鈕被取消選中時(shí)，所有子按鈕也同時(shí)被取消選中3.只要有一個(gè)子按鈕被選中，父按鈕就會(huì)同時(shí)被選中請(qǐng)問這個(gè)用javascript怎么實(shí)現(xiàn)，謝謝

查看完整描述

1 回答

胡說叔叔

TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超8個(gè)贊

看看這個(gè)和不和你的要求:
<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>