Javascript 如何使一个按钮在多次单击时选中或取消选中复选框?

Javascript 如何使一个按钮在多次单击时选中或取消选中复选框?,javascript,html,function,checkbox,Javascript,Html,Function,Checkbox,我希望有一个按钮,在多次单击时取消选中复选框 我想到了这个: function choseall() { switch (d) { case 1: document.getElementById('cbconditioning').checked = true document.getElementById('cbradio').checked = true

我希望有一个按钮,在多次单击时取消选中复选框

我想到了这个:

 function choseall() {      
        switch (d) {

            case 1:
                document.getElementById('cbconditioning').checked = true
                document.getElementById('cbradio').checked = true
                break;
            case 2:
                document.getElementById('cbconditioning').checked = false
                document.getElementById('cbradio').checked = false
                break;
        }
    }


        <input id="btnchoseall" type="button" value="Chose All" onclick="choseall()" /></tr>
        <input id="cbradio" type="checkbox"/>b. TV Radio (TV, Home Theatre, etc.)</td>
        <input id="cbconditioning" type="checkbox"/>a. Air Conditioning</td>
函数chosell(){
开关(d){
案例1:
document.getElementById('cbconditioning')。checked=true
document.getElementById('cbradio')。checked=true
打破
案例2:
document.getElementById('cbconditioning')。checked=false
document.getElementById('cbradio')。checked=false
打破
}
}
B电视广播(电视、家庭影院等)
A.空调

翻转条件反射的选中状态。

如果您有多个复选框,则使用
id
是错误的选择。改为使用
名称
属性

1) 使用以下行获取名称为
cbconditioning
的所有复选框元素

var x = document.getElementsByName("cbconditioning");
2) 然后使用
length
属性获取复选框的编号,并按如下方式迭代

function choseall() {
    var x = document.getElementsByName("cbconditioning");
    for (var i = 0; i < x.length; i++) {
        if (document.getElementsByName("cbconditioning")[i].checked) {
            document.getElementsByName("cbconditioning")[i].checked = false;
        } else {
            document.getElementsByName("cbconditioning")[i].checked = true;
        }
    }
}
函数chosell(){
var x=document.getElementsByName(“cbc”);
对于(变量i=0;i
3) 您需要的是一个类似于
的切换功能,它由if…else负责。。声明

4) 在您的函数中使用
开关是没有用的


你能说清楚你想要什么吗?您的意思是希望“全选”复选框选中/取消选中复选框?也就是说,当我点击一次时,它会检查所有内容,而当我再次点击时,它会取消选中所有内容?
function choseall() {
    var x = document.getElementsByName("cbconditioning");
    for (var i = 0; i < x.length; i++) {
        if (document.getElementsByName("cbconditioning")[i].checked) {
            document.getElementsByName("cbconditioning")[i].checked = false;
        } else {
            document.getElementsByName("cbconditioning")[i].checked = true;
        }
    }
}