javascript - 单选按钮列表列表 - 只允许选择一个

Question

我在字段集标记中有多个单选按钮列表。

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

我知道执行此操作的正确方法是使用一个长单选按钮列表，但这不是一个选项。

在 javascript/jquery 中有没有一种方法可以给出字段集类名 - 比如

<fieldset class="mylistofradiolists">当选择其中的单选按钮时，所有其他项目都会取消选择，并且只有单个项目保持选中状态

谢谢

Answer 1

您可以使用以下代码来做到这一点

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

当选择一个 radio 时，该容器内除该 radio 之外的所有其他 radio 都将被取消选择。

用起来比较好

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

而不是

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

作为 :radio 的文档选择器说

Because :radio is a jQuery extension and not part of the CSS specification, queries using :radio cannot take advantage of the performance boost provided by the native DOM querySelectorAll() method.

For better performance in modern browsers, use [type="radio"] instead.