分组来自不同字段集的单选按钮？

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');