Блог

как я могу отключить и включить вспомогательный переключатель при переходе к другому переключателю с помощью 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>
  

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

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

Что-то вроде этого:

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

Следующее должно сделать свое дело:

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

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

Надеюсь, это поможет!