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

我想添加链接来重置这个单选按钮,但只有这个单选按钮,因为我在一种形式中有更多单选按钮......你能帮我吗?

4

3 回答 3

6

假设如下链接:

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

和对应的jQueryuncheck radios:

$('#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。因此,如果您的其他radios 没有相同的名称,则上述代码radio仅适用于上述 s。

除了链接标签,您还可以使用其他类似的东西button

于 2012-07-08T16:47:35.787 回答
3

关于代码悖论的答案,您也可以使用$(':radio[name=jazyk1]').attr('checked', false);而不是$(':radio[name=jazyk1]').prop('checked', false);This 也可以正常工作。attr是最常见的 jQuery 处理元素属性的方法。

于 2012-07-08T16:59:07.300 回答
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必须是不作为真正值出现的值。

于 2012-07-08T17:24:29.337 回答