Javascript 取消选中一个复选框，取消选中所有其他不起作用的复选框

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

有人能帮我写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>

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

}

CSS：

    <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>

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

}

---

jsIDLE:

在ckbox3上添加一个onchange函数：

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

---

我会这样做：

var arr = document.querySelectorAll("[id*='check']");
for(var i=0; i< arr.length; i++){
   arr[i].checked=false;
}

var arr=document.queryselectoral（“[id*='check']”）；
对于（变量i=0；i

---

在代码的

else

部分添加上述代码，以在未选中

ckbox3

时取消选中其余代码，如JSFIDLE演示中所示。

您可以使用下面的代码

$("#ckbox3").change(function () {
$("input:checkbox").prop('checked', $(this).prop("checked"));
});

---

请查看以下代码：

函数handleClick（元素）{
if（element.checked==true）{
document.getElementById（“check1”）.checked=true；
document.getElementById（“check2”）.checked=true；
document.getElementById（“check3”）.checked=true；
}否则{
document.getElementById（“check1”）.checked=false；
document.getElementById（“check2”）.checked=false；
document.getElementById（“check3”）.checked=false；
}
}
复选框1


检查1
支票2
支票3

在您的其他部分尝试以下操作：

else 
{
    el.style.display = 'none';      
    var checks = document.querySelectorAll('#' + id + ' input[type="checkbox"]');
    for(var i =0; i< checks.length;i++){
        var check = checks[i];
        if(!check.disabled){
            check.checked = false;
        }
    }
}

else
{
el.style.display='none'；
var checks=document.querySelectorAll（“#”+id+”输入[type=“checkbox”]”）；
对于（变量i=0；i

---

请参见这是

通用的
代码，您可以在
div
中设置任意数量的复选框


document.getElementById（'ckbox3'）。onclick=function（）{
如果（ckbox3.选中）
{
toggleSub（这是真的）；
}
其他的
{
toggleSub（此项为false）；
}
};
功能切换子系统（框，状态）
{
var div=document.getElementById（“divv2”）；
var el=div.getElementsByTagName（“输入”）；
var len=el.长度；
而(len--)
{
div.getElementsByTagName（“输入”）[len]。选中=状态；
}
}

复选框1


检查1
支票2
支票3
不清楚您想要什么。如果希望取消选中复选框，那么为什么在取消选中
ckbox3
时隐藏复选框