javascript - 取消选中一个复选框，取消选中所有其他复选框不工作

Question

我有一个复选框，当我单击一个复选框(ckbox3)时，会显示 3 个带有复选框的选项(check1、check2、check3)。当我取消选中 ckbox3 时，我希望取消选中 check1、check2 和 check3。我不知道该怎么做

有人可以帮我解决 Javascript 代码吗？(我需要 Javascript 解决方案)

HTML:

    <div id="divv1">
        <input type="checkbox" id="ckbox3" >Checkbox1 &nbsp;  
    </div>
    <br>           


    <div id="divv2">
         <input type="checkbox" name="check1" onclick="calculate()" id="check1">check 1
         <input type="checkbox" name="check2" onclick="calculate()" id="check2">check 2
         <input type="checkbox" name="check3" onclick="calculate()" id="check3">check 3
    </div>

JavaScript:

document.getElementById('ckbox3').onclick = function() {
     if(ckbox3.checked){          
           toggleSub(this, 'divv2');
     } else {  
           toggleSub(this, 'divv2');
     }
};

function toggleSub(box,id)
{
    var el = document.getElementById(id);

    if ( box.checked ) {
            el.style.display = 'block';
    } else {
        el.style.display = 'none';
    }
}

CSS:

#divv2
{
 display: none;
 margin-left: 75px;
 font-family: 'PT Sans', sans-serif;

}

JSFiddle:http://jsfiddle.net/vikrams/hLmneafj/1/

Answer 1

在 ckbox3 上添加 onchange 函数:

<input type="checkbox" id="ckbox3" onchange = "change()" >

并且在起作用:

function change()
{
if(document.getElementById("ckbox3").checked == false){
document.getElementById("check1").checked = false;
document.getElementById("check2").checked = false;
document.getElementById("check3").checked = false;
}
}