我如何在單擊另一個單選按鈕時禁用單選按鈕

Question

我如何禁用和啟用子單選按鈕單擊到另一個單選按鈕使用jQuery。

我想在單擊單選按鈕（#atten）時禁用單選按鈕（er_que），並在單擊單選按鈕（#quest）時啟用單選按鈕

<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

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

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

Answer 2

像這樣：

$('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 3

以下應該可以解決問題：

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

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

希望對您有所幫助！