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