2012-07-08 97 views
1

我有一些单选按钮在我的HTML表单 这里是代码:取消选中无线电

slovenský <input type="radio" name="jazyk1" value="1" style="margin-right: 20px; margin-bottom: 15px;" /> 
český  <input type="radio" name="jazyk1" value="2" style="margin-right: 20px; margin-bottom: 15px;" /> 
anglický <input type="radio" name="jazyk1" value="3" style="margin-right: 20px; margin-bottom: 15px;" /> 
<br /> 
nemecký <input type="radio" name="jazyk1" value="4" style="margin-right: 20px; margin-bottom: 15px;" /> 
francúzsky<input type="radio" name="jazyk1" value="5" style="margin-right: 20px; margin-bottom: 15px;" /> 
španielsky<input type="radio" name="jazyk1" value="6" style="margin-right: 20px; margin-bottom: 15px;" /> 
<br /> 
taliansky <input type="radio" name="jazyk1" value="7" style="margin-right: 20px; margin-bottom: 15px;" /> 
ruský  <input type="radio" name="jazyk1" value="8" style="margin-right: 20px; margin-bottom: 15px;" /> 
maďarský <input type="radio" name="jazyk1" value="9" style="margin-right: 20px; margin-bottom: 15px;" /> 
<br /> 
poľský <input type="radio" name="jazyk1" value="10" style="margin-right: 20px; margin-bottom: 15px;" /> 

,我想添加有链接重置单选按钮,但仅此单选按钮,因为我希望有更多的一种形式的单选按钮......你能帮助我吗?

+0

JaktožetamnemášEsperanto? :D – m93a 2012-09-27 05:43:09

回答

5

假设像下面的链接:

<a href="#" id="uncheck">Uncheck</a> 

和相应jQuery的uncheckradio S:

$('#uncheck').on('click', function(e) { 
    e.preventDefault(); // prevent page reload, you can remove it if you don't want 
    $(':radio[name=jazyk1]').prop('checked', false); 
}); 

这里,:radio[name=jazyk1]与名称完全jazyk1仅单选按钮。因此,如果您的其他radio s不具有相同的名称,则上述代码仅适用于radio以上。

而是link标签,你也可以使用其他类似button

+0

不适合我:/我使用jquery-1.6.4 – Geril 2012-07-08 20:59:22

2

对于thecodeparadox答案 你也可以使用的,而不是$(':radio[name=jazyk1]').attr('checked', false);$(':radio[name=jazyk1]').prop('checked', false);还将努力相同。 attr是使用元素属性玩的最常用的jQuery方法。

+0

你的参考是什么?也许你的意思是'.attr'是最常被误解的jQuery方法 – Esailija 2012-07-08 17:03:28

+0

不是@Esailija,我的意思是说它最常用的方法。 – Vins 2012-07-08 17:47:03

0

让用户重置一组单选按钮的(仅)可靠的方式是包括代表“虚拟”选择或实际上“不选”的附加按钮,例如,

<label for="no-select">Jazyk nie je vybraté</label> 
<input type="radio" name="jazyk1" value="0" checked="checked" id="no-select" 
     style="margin-right: 20px; margin-bottom: 15px;" /> 

处理表单数据(服务器端或客户端),那么就需要相应地处理这个选择的代码:jazyk1=0意味着没有选择作出,无论是由于用户没有点击任何这些单选按钮或他已经撤消了选择。在这种情况下,特殊值0需要不是真正的价值。

相关问题