取消单选按钮？ [复制]答案

【问题标题】：Deslecting radio button? [duplicate]取消单选按钮？ [复制]
【发布时间】：2016-08-01 06:46:33
【问题描述】：

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

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

【问题讨论】：

你是什么意思？...当你点击一个单选按钮时，你希望取消选中另一个单选按钮？
这是一个问题。当我选择一个答案时，问题和答案会发生变化，但按钮仍处于选中状态（因此答案仍处于选中状态）。我想重置单选按钮，因此没有为问题 2 选择任何选项。
这不是单选按钮的工作方式。您正在考虑复选框。您可以添加一个带有“以上都不是”作为标签的单选按钮，这比更改普通对象的使用方式要好。

标签： javascript html radio-button

【解决方案1】：

为所有无线电输入提供相同的名称。请参见下面的示例。为此，您不需要 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>

【讨论】：

【解决方案2】：

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

要取消选择所有单选按钮，您必须添加重置按钮

【讨论】：