Код Javascript не работает

Question

У меня панель активирована/деактивирована с помощью флажка (chk1) 'On/Off'. Эта панель содержит флажок (chk2) и переключатель (rbtn). Когда переключатель радиосвязи (rbtn) установлен, флажок должен быть отключен. Когда панель отключена, сняв флажок «Вкл./Выкл.», Переключатель и флажок (chk2) отключены. Проблема заключается в том, что когда я открываю страницу с включенной панелью, выполняется код из javascript, но когда я открываю страницу с отключенной панелью, после того, как я включил панель, javascript не работает, когда я проверяю переключатель, чтобы chk2 стал отключенным.

$(document).ready(function(){ 
    $('input[id^=rbtn]').click(function() { 
     SetControlEnableState($('#chk2'), $('#rbtn')); 
    }); 
    function SetControlEnableState(controlToSet, control) { 
     if (control.is(':checked')) { 
      $(controlToSet).attr('disabled', 'disabled'); 
      alert('if'); 
     } 
     else { 
      $(controlToSet).removeAttr('disabled'); 
      alert('else'); 
     } 
    } 
}); 

Когда панель обновлена, код javascript больше не доступен.

Answer 1

$(document).ready(function(){ 

      $('input[id^=rbtn]').change(function() { 
       SetControlEnableState(); 
      }); 
    function SetControlEnableState() { 
     if ($('#rbtn').is(':checked')) { 
      $('#chk2').attr('disabled', 'disabled'); 
      alert('if'); 
     } 
     else { 
      $('#chk2').removeAttr('disabled'); 
      alert('else'); 
     } 
    } 

Answer 2

Не используйте click событие на флажках но change одно:

$('input[id^=rbtn]').change(function() { 

Таким образом, вы получите новое состояние. Событие click генерируется до.

Answer 3

Вместо этого:

$(controlToSet).attr('disabled', 'disabled'); 

$(controlToSet).removeAttr('disabled'); 

ли это:

$(controlToSet).prop('disabled', true); 

$(controlToSet).prop('disabled', false); 

Answer 4

Упростить все это:

$(document).ready(function() { 
    $('input[id^=rbtn]').change(function() { 
     SetControlEnableState($('#chk2'), $('#rbtn')); 
    }); 

    function SetControlEnableState(controlToSet, control) { 
     controlToSet.prop('disabled', control.is(':checked')); 
    } 
}); 

Answer 5

попробовать этот

$(document).ready(function(){ 
    $('input[id^=rbtn]').click(function() { 
     SetControlEnableState($('#chk2'), $(this)); 
    }); 
    function SetControlEnableState(controlToSet, control) { 
     if (control.is(':checked')) { 
      $(controlToSet).attr('disabled', 'disabled'); 
     } else { 
      $(controlToSet).removeAttr('disabled'); 
     } 
    } 
});