Javascript 取消选择单选按钮？_Javascript_Html_Radio Button

Javascript 取消选择单选按钮？

javascript html

Javascript 取消选择单选按钮？,javascript,html,radio-button,Javascript,Html,Radio Button,我有4个单选按钮。当我按下一个按钮时，其他的都会改变。但是如何取消选择我先前选择的单选按钮？我想到了这一点，但它不起作用： var id = $(this).attr("id"); id.setSelected(false); 给所有收音机输入相同的名称。请参见下面的示例。为此，您不需要JQuery，它全部由浏览器管理 HTML <form> <input type="radio" name="myRadio"> <input type="rad

我有4个单选按钮。当我按下一个按钮时，其他的都会改变。但是如何取消选择我先前选择的单选按钮？我想到了这一点，但它不起作用：

  var id = $(this).attr("id");
  id.setSelected(false);

给所有收音机输入相同的名称。请参见下面的示例。为此，您不需要JQuery，它全部由浏览器管理

HTML

<form>
  <input type="radio" name="myRadio">
  <input type="radio" name="myRadio">
  <input type="radio" name="myRadio">
  <input type="radio" name="myRadio">

  <input type="submit">
</form>


var allRadios=document.getElementsByName（'rb'）；
无线电台；
var x=0；
对于（x=0；x



要取消选择所有单选按钮，您必须添加重置按钮您的意思是什么？。。当你点击一个单选按钮时，你希望另一个单选按钮不被选中？这是一个问题。当我选择答案时，问题和答案会发生变化，但按钮仍处于选中状态（因此答案仍处于选中状态）。我想重置单选按钮，这样就不会为问题2选择任何选项。单选按钮不是这样工作的。您正在考虑复选框。您可以添加一个带有“none of the above”标签的单选按钮，这比更改公共对象的使用方式要好。
<body>
    <input type='radio' class='radio-button' name='rb'>
    <input type='radio' class='radio-button' name='rb'>
    <input type='radio' class='radio-button' name='rb'>
</body>

<script type="text/javascript">
    var allRadios = document.getElementsByName('rb');
    var thisRadio;
    var x = 0;
    for(x = 0; x < allRadios.length; x++){

        allRadios[x].onclick = function() {
            if(thisRadio == this){
                this.checked = false;
                thisRadio = null;
            }else{
                thisRadio = this;
            }
        };
    }
</script>