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");
});

我希望它有所帮助！

如何禁用单击另一个单选按钮上的单选按钮

3 个答案: