禁用其他选项（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>

当选择其中一个无线电输入时，我想完全禁用其他人。我尝试使用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