javascript enable单击禁用单选按钮，一次仅选择一个

Question

我正在尝试这样做。

我有3个单选按钮，

如果单击收音机并设置好，下次我单击它。 它应该未经检查/休息。

我想在没有jQuery的标准javascript中进行操作，因为目前无法做到这一点。

到目前为止，这是我的代码。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>  
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">

  <script type="text/javascript">

   function toggle(radioBtn)
   {
     if(radioBtn.checked)
     {
       radioBtn.checked = false;
     }
     else
     {
      radioBtn.checked = true;
     }


     // only select one at a time.

   }

  </script>
 </head>

 <body>
 <form id="myForm" name="myForm">
  <input type="radio" name="radioBtn" id="radioBtn1"    value="A" onClick="toggle(this);" />
<input type="radio" name="radioBtn" id="radioBtn1"    value="B" onClick="toggle(this);"/>
<input type="radio" name="radioBtn" id="radioBtn1"    value="C" onClick="toggle(this);"/>
</form>
 </body>
</html>

请帮忙。 您的帮助将不胜感激。 谢谢

Answer 1

您可以执行简单直接的内联操作，例如：

<input type="radio" name="radioBtn" id="radioBtn1" value="A" onMouseDown="this.__chk = this.checked" onClick="if (this.__chk) this.checked = false" />
<input type="radio" name="radioBtn" id="radioBtn2" value="B" onMouseDown="this.__chk = this.checked" onClick="if (this.__chk) this.checked = false"/>
<input type="radio" name="radioBtn" id="radioBtn3" value="C" onMouseDown="this.__chk = this.checked" onClick="if (this.__chk) this.checked = false"/>

Answer 2

记录哪些radioButton被选中，哪些未被选中（可以通过隐藏字段或数组来完成），并设置为选中状态/未选中状态

Answer 3

您可以绕过浏览器的单选按钮默认行为，并通过创建一个附加的“隐藏”单选按钮，并在用户关闭其中一个可见按钮时为其模拟一个click事件，从而获得所需的切换效果。 请参阅此jsFiddle中的工作示例： http : //jsfiddle.net/k73Nt/

Answer 4

这可能不是一个干净的解决方案，但我确实可以使用。

http://jsfiddle.net/C9At9/3/

HTML：

<input type="radio" name="radioBtn" id="radioBtn1" value="A" onmouseup="toggle(this);"/>
<input type="radio" name="radioBtn" id="radioBtn2" value="A" onmouseup="toggle(this);" />
<input type="radio" name="radioBtn" id="radioBtn3" value="A" onmouseup="toggle(this);"/>

Javascript：

function toggle(radioBtn)
 {   
   if(radioBtn.checked)
   {
     setTimeout("disableRadio('"+radioBtn.id+"')",10);
   } else {
     radioBtn.checked = true;
   }
 }

function disableRadio(radioId) {
    el = window.document.getElementById(radioId);
    el.checked = false;
}

您的代码无法正常运行，因为javascript设置器被html click事件或其他事件所取代。 我不知道如何正确解释它，但是稍稍延迟可以解决您的问题。

希望这会有所帮助！

javascript enable单击禁用单选按钮，一次仅选择一个

问题描述

4 个解决方案

解决方案1
9 已采纳 2011-12-12 22:45:04

解决方案2
0 2011-12-12 22:44:51

解决方案3
0 2011-12-12 22:56:07

解决方案4
0 2011-12-12 23:02:34

javascript enable单击禁用单选按钮，一次仅选择一个

问题描述

4 个解决方案

解决方案1 9 已采纳 2011-12-12 22:45:04

解决方案2 0 2011-12-12 22:44:51

解决方案3 0 2011-12-12 22:56:07

解决方案4 0 2011-12-12 23:02:34

解决方案1
9 已采纳 2011-12-12 22:45:04

解决方案2
0 2011-12-12 22:44:51

解决方案3
0 2011-12-12 22:56:07

解决方案4
0 2011-12-12 23:02:34