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