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

Question

如何禁用並啓用單選按鈕使用jquery的另一個單選按鈕。

我想禁用單選按鈕（er_que）當我點擊單選按鈕（#atten），並啓用相同的當我點擊單選按鈕（#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

事情是這樣的：

$('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 ng應該這樣做：

// 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');    
} 
});