禁用其他選項（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