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