他のラジオボタンをクリックするとラジオボタンを無効にする方法

Question

jqueryを使用してラジオボタンをクリックすると、サブラジオボタンを無効にして有効にするにはどうすればよいですか？

私は（#quest）私はラジオボタン（#atten）をクリックして、同じことを有効にしたとき、私はラジオボタンをクリックすると、ラジオボタン（er_que）を無効にしたい

<tr> 
     <td>What do you want to know?<br /> 
     <input name="er_1" id="atten" type="radio" value="attendence" /> Attendance<br /> 
     <input name="er_1" id="quest" type="radio" value="que_ask" /> Questions Asked<br /> 
     </td> 
</tr> 
<tr> 
    <td><input name="er_que" type="radio" value="total" /> Total Number<br /> 
     <input name="er_que" type="radio" value="issue_wise" /> Issues Wise 
</td> 

Answer 1

このような何か：

$('document').ready(function() { 
    $('input[name="er_1"]').change(function() { 
     if ($(this).val() == 'attendence') { 
      $('input[name="er_que"]').removeAttr('disabled'); 
     } else { 
      $('input[name="er_que"]').attr('disabled', 'disabled'); 
     } 
    }); 
}); 

作業のデモ：

http://jsfiddle.net/eH55n/

Answer 2

followiこのトリックを行う必要があります：

// Disable // 
$('#atten').click(function(){ 
    $('input[name="eq_que"]').attr('disabled','disabled'); 
}); 

// Enable // 
$('#quest').click(function(){ 
    $('input[name="eq_que"]').removeAttr("disabled"); 
}); 

私はそれが助けてくれることを願っています！

Answer 3

$('input[name="er_1"]').change(function() { 
    if ($(this).val() == 'attendence') { 
     $('input[name="er_que"]').attr('disabled', 'disabled'); 
     return; 
    } 

    $('input[name="er_que"]').removeAttr('disabled');    
} 
});