radiobutton列表列表 - 仅允许选择一个

Question

我在fieldset标签中有多个radiobutton列表.

我只想要从整个列表中选择一个项目...目前我可以从每个单选按钮列表中选择一个项目 - 这是正常的

我知道这样做的正确方法是拥有一个长单选按钮列表,但这不是一个选项.

在javascript/jquery中有没有给出fieldset类名的方法 - 比方说

<fieldset class="mylistofradiolists">当选择其中的单选按钮时,将取消选择所有其他项目,并且仅保留选定的单个项目

谢谢

Answer 1

您可以使用以下代码执行此操作

$radios =  $('.mylistofradiolists :radio');
$radios.on('change',function(){
   $radios.not(this).prop('checked',false);
});

当选择无线电时,除了在该容器内取消选择的所有其他无线电之外.

最好使用

$radios =  $('.mylistofradiolists [type=radio]');

代替

$radios =  $('.mylistofradiolists :radio');

正如:radio选择器的文档所说

因为:radio是jQuery扩展而不是CSS规范的一部分,使用:radio的查询无法利用本机DOM querySelectorAll()方法提供的性能提升.

为了在现代浏览器中获得更好的性能,请改用[type ="radio"] .