使用javascript和html选中/取消选中单选按钮

使用javascript和html选中/取消选中单选按钮,javascript,html,Javascript,Html,请告知,如何使用javascript取消选中单选按钮? 我查过类似的问题,但没有弄明白 函数uncheck1(){ 让chkstatus=document.getElementById(“radiobtn1”)。选中; 如果(chkstatus==true){ document.getElementById(“radiobtn1”).checked=false; }else if(chkstatus==false){ document.getElementById(“radiobtn1”).c

请告知,如何使用javascript取消选中单选按钮? 我查过类似的问题,但没有弄明白

函数uncheck1(){
让chkstatus=document.getElementById(“radiobtn1”)。选中;
如果(chkstatus==true){
document.getElementById(“radiobtn1”).checked=false;
}else if(chkstatus==false){
document.getElementById(“radiobtn1”).checked=true;
} 
}

prashant
添加按钮以切换单选按钮。你会发现它确实有效

  <input type="button" onclick="uncheck1()" />

这是因为您正在切换收音机onclick,并再次使用该功能执行相同的操作。因此,实际上,您正在两次切换检查状态

最终代码:

<input id="radiobtn1" name="grp1" type="radio" value="prashant" /> <label for="radiobtn1">prashant</label>

<input type="button" onclick="uncheck1()" />
prashant

从收音机中删除onclick并添加适当的标签,使收音机按预期工作。

添加按钮以切换单选按钮。你会发现它确实有效

  <input type="button" onclick="uncheck1()" />

这是因为您正在切换收音机onclick,并再次使用该功能执行相同的操作。因此,实际上,您正在两次切换检查状态

最终代码:

<input id="radiobtn1" name="grp1" type="radio" value="prashant" /> <label for="radiobtn1">prashant</label>

<input type="button" onclick="uncheck1()" />
prashant

从收音机中删除了onclick,并添加了适当的标签以使收音机按预期工作。

当您单击单选按钮时,
onclick
事件将始终认为收音机已被选中,因为收音机就是这样工作的。相反,使用第二个变量跟踪打开状态,然后相应地设置状态

var checked=false;
函数uncheck1(){
如果(选中){
document.getElementById(“radiobtn1”).checked=false;
选中=错误;
回来
}
选中=正确;
}

prashant
当您单击单选按钮时,
onClick
事件将始终认为收音机已被选中,因为收音机就是这样工作的。相反,使用第二个变量跟踪打开状态,然后相应地设置状态

var checked=false;
函数uncheck1(){
如果(选中){
document.getElementById(“radiobtn1”).checked=false;
选中=错误;
回来
}
选中=正确;
}

prashant
如果我了解您的要求,您将需要一个复选框而不是收音机按钮谢谢您的解决方案,它成功了。如果我了解您的要求,您将需要一个复选框而不是收音机按钮谢谢您的解决方案,它成功了。使用type=“checkbox”代替收音机解决了我的问题。谢谢你,彼得!谢谢peter,这也可以添加额外的按钮。使用type=“checkbox”代替了收音机,解决了我的问题。谢谢你,彼得!谢谢peter,这也可以添加额外的按钮。