javascript启用单击时禁用单选按钮,一次只选择一个

Question

javascript启用单击时禁用单选按钮,一次只选择一个

Nom*_*mad 0 html javascript toggle radio-button

我想这样做.

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

Run Code Online (Sandbox Code Playgroud)

请帮忙.我们将不胜感激.谢谢

Answer 1

Pri*_*ark 9

你可以做一些简单直接的内联,如下所示:

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

Run Code Online (Sandbox Code Playgroud)

归档时间：	14 年，2 月前
查看次数：	25055 次
最近记录：	14 年，2 月前