禁用其他选项(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');
});?

例

或者更有活力的方法:

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

例