jquery - 禁用其他选项 (jQuery)

Question

<p><label><input type="radio" name="group1" /> one</label></p>
<p><label><input type="radio" name="group1" /> two</label></p>
<p><label><input type="radio" name="group1" /> three</label></p>

当选择其中一个 radio 输入时，我想完全禁用其他 radio 输入。我尝试使用 jquery 兄弟选择器，但只有当所有选择都位于同一父元素中时它才有效。

感谢您的帮助

Answer 1

这应该有效:

$(':radio[name=group1]').change(function() {
    $(':radio[name=group1]:not(:checked)').attr('disabled','disabled');
});​

Example

或者更动态的方法:

$(':radio').change(function() {
    var name = $(this).attr('name');
    $(':radio[name='+name+']:not(:checked)').attr('disabled','disabled');
});​

Example