如何在Javascript中清除单选按钮？

Question

我有一个名为"选择"的单选按钮,选项是和否.如果我选择任何一个选项并单击标有"清除"的按钮,我需要使用javascript清除所选选项.我怎么能做到这一点？

Answer 1

您不需要对id元素具有唯一性,您可以通过其name属性访问它们:

如果你正在使用name="Choose",那么:

• 使用jQuery,它很简单:

  $('input[name=Choose]').attr('checked',false);
  

• 或者在纯JavaScript中:

     var ele = document.getElementsByName("Choose");
     for(var i=0;i<ele.length;i++)
        ele[i].checked = false;
  

  JavaScript演示

Answer 2

这应该工作.确保每个按钮都有唯一的ID.(将Choose_Yes和Choose_No替换为两个单选按钮的ID)

document.getElementById("Choose_Yes").checked = false;
document.getElementById("Choose_No").checked = false;

应如何命名单选按钮的示例:

<input type="radio" name="Choose" id="Choose_Yes" value="1" /> Yes
<input type="radio" name="Choose" id="Choose_No" value="2" /> No

Answer 3

如果您不打算使用jQuery，则可以使用像这样的简单javascript

document.querySelector('input[name="Choose"]:checked').checked = false;

这样做的唯一好处是您不必为两个单选按钮使用循环

Answer 4

清除一组单选按钮的 ES6 方法：

    Array.from( document.querySelectorAll('input[name="group-name"]:checked'), input => input.checked = false );