取消选择单选按钮

Deslecting radio button?

本文关键字：单选按钮 选择 取消      更新时间：2024-05-09

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


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

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

相关文章：