取消单选按钮? [复制]

Posted

技术标签:

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

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

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

【问题讨论】:

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

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

【讨论】:

以上是关于取消单选按钮? [复制]的主要内容,如果未能解决你的问题,请参考以下文章

如何取消选中或重置单选按钮?

取消选中反应中的单选按钮

点击后问卷单选按钮取消选中

当我滚动列表视图单选按钮被自动选择或取消选择无法保持单选按钮的状态

如果已经使用 Jquery 选中,需要帮助取消选中单选按钮

如何取消选中或清除单选按钮组?