取消选中收音机

时间:2012-07-08 16:44:45

标签: jquery html radio-button

我的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;" />

我想添加链接以重置此单选按钮,但只有这个单选按钮,因为我有一个单独的单选按钮...你能帮我吗?

3 个答案:

答案 0 :(得分:5)

假设如下链接:

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

和相应的 jQuery uncheck radio 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名称不同,则上述代码仅适用于radio以上。

您也可以使用button等其他内容来代替链接标记。

答案 1 :(得分:2)

关于 thecodeparadox 的答案 您也可以使用$(':radio[name=jazyk1]').attr('checked', false);代替$(':radio[name=jazyk1]').prop('checked', false);这也可以使用attr。 {{1}}是使用元素属性的最常见的jQuery方法。

答案 2 :(得分: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需要是一个不会作为真值出现的值。