如何清除Javascript中的单选button？

我有一个名为“Choose”的单选button，选项是yes和no。 如果我select任何一个选项，并点击标记为“清除”的button，我需要清除所选的选项，使用JavaScript。 我怎么能做到这一点？

Answer 1

您不需要具有唯一的元素id ，您可以通过他们的name属性来访问它们：

如果您使用的是name="Choose" ，那么：

• 使用jQuery，就像下面这样简单：

   $（ 'input[名称=select]'）ATTR（ '检查'，假）。
  

• 或纯JavaScript中：

      var ele = document.getElementsByName（“Choose”）;
      for（var i = 0; i <ele.length; i ++）
         ele [i] .checked = false;
  

  演示JavaScript

Answer 2

这应该工作。 确保每个button都有一个唯一的ID。 （用两个单选button的IDreplaceChoose_Yes和Choose_No）

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

应该如何命名单选button的一个例子：

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

Answer 3

不是一个更好的select是只添加第三个button（“既不”），会给出相同的结果作为没有select？

Answer 4

简单，不需要jQuery：

 <a href="javascript:clearChecks('group1')">clear</a> <script type="text/javascript"> function clearChecks(radioName) { var radio = document.form1[radioName] for(x=0;x<radio.length;x++) { document.form1[radioName][x].checked = false } } </script> 

Answer 5

 YES<input type="radio" name="group1" id="sal" value="YES" > NO<input type="radio" name="group1" id="sal1" value="NO" > <input type="button" onclick="document.getElementById('sal').checked=false;document.getElementById('sal1').checked=false">