Question

嗨,当我点击放射性按钮时, 它总是检查。我不能取消对放射性按钮的检查, 并尝试 < a href=> https:// stackoverflow.com/ questions/ 4957207/ how-to- check- uncheck- radio- button-on- kicken 6246260> 点击时检查/ uncheck 无线电按钮?

<强度 > 问题

I can check only once,once i click uncheck it always uncheck cannot work properly code

  <input value=   type= radio  id= one  onClick="getCurrentLocation()"/>

   $( input[type=radio] ).click(function(){

    if (this.previous) {
        this.checked = false;
    }
    this.previous = this.checked;
});

Answer 1

这是你唯一的无线电按钮吗?

无线电按钮是专门为将一个可能的状态从集中保存起来而开发的。

< 加强> 所以, 如果只有一个无线电按钮, 请用复选框更改它。

If you have several of them - choose some default one for unchecking currently selected. But if you click on another radio from the set, it will became checked without need of special code.

(据我所知,在浏览器中,用鼠标点击浏览器无法取消对无线电按钮的检查,所以我并不期望脚本也会有这样的优点)

用于复选框, 您不需要特殊代码来取消点击时的检查 - 在所有浏览器中默认会对它们有色点!

如果它只是发牌问题,那么您可以使用空的和检查过的无线电按钮的IMG,然后在点击上更改图像。在这种情况下,您可以将状态保留在隐藏的输入字段中。

但对于你的用户来说会很混乱...

Answer 2

最简单的方法是使用相同的 name 属性 input 。

例如:

<input name="myname" value=   type= radio  id= one  onClick="getCurrentLocation()"/>
<input name="myname" value=   type= radio  id= two  onClick="getCurrentLocation()"/>

http://jsfidd.net/b6Pn4/" rel="notfollow" >DEMO http://jsfidd.net/b6Pn4 > rel="nofollow" >DEMO

当您每次需要一次检查时,最好使用复选框。

<input name="myname" value=   type= checkbox  id= one  onClick="getCurrentLocation()"/>
<input name="myname" value=   type= checkbox  id= two  onClick="getCurrentLocation()"/>

Answer 3

这是它们如何工作的。无线电按钮应该按组使用, 您可以在其中选择。如果您想要一个可以切换的单按钮, 请使用一个复选框。

如果您试图使用无线电按钮模仿复选框, 您只会混淆您的用户。

Answer 4

试试这个

标记 :

<input value=   type= radio  id= one  onClick="getCurrentLocation()"/>

查问,

var flag = 0;
$( input[type=radio] ).click(function(){
    if(flag === 0)
    {
      $(this).prop( checked , true);              
      flag = 1;
    }
    else if(flag == 1)
    {
      $(this).prop( checked , false);
      flag = 0;        
    }

});

调

由于您正在使用 < code> id 并且只有一个无线电按钮直接调用它, 您不需要使用 < code> this

虽然如此,我还是建议你像其他人一样使用 checkbox 。

""http://jsfiddle.net/MWNWL/1/" rel="无跟随" >Demo

友情链接