html - 对来自不同字段集的单选按钮进行分组？

Question

是否有任何直接的机制可以将不同字段集中的单选按钮逻辑地组合在一起（即只允许一个选择）？

Answer 1

如果你给他们相同的name属性，它应该这样做。

Answer 2

我遇到了同样的问题，但我无法根据 jQuery Mobile 限制移动字段集。因此，使用 jQuery，我使用复选框模拟了收音机：

// add click to all checkboxes
$(':checkbox').click(function(){
    // select all checkboxes with same name that are checked but not(this) 
    $(":checkbox[name='"+$(this).attr("name")+"']:checked").not(this).each(function(){
        // uncheck them - call checkboxradio("refresh") to update changes visually
        $(this).attr('checked', false).checkboxradio("refresh");
    });
});

这在收音机上也能正常工作。如果不使用 jQuery Mobile，则必须省略 .checkboxradio。这仍然假设您的复选框/单选按钮将按相同的名称分组。

我在 each() 块中还有一些我想做的事情。如果您没有该要求，则可以使用较短的版本：

$(":checkbox[name='"+$(this).attr("name")+"']:checked").not(this).attr('checked', false).checkboxradio('refresh');