Попытка включить/отключить текстовое поле на флажке

Question

Я пытаюсь закодировать текстовое поле, которое отключено, когда флажок установлен.

Ниже приведен код, который я использую. У меня нет кровавой идеи, почему она не работает. Я подозреваю, что это может быть ошибка WordPress, но я новичок в Javascript, поэтому я надеюсь, что это так.

<script type="text/javascript"> 
$('input[name=AddressCheck]').change(function(){ 
    if($(this).is(':checked')) { 
     $("#dbltext").removeAttr('disabled'); 
    } 
    else{ 
     $("#dbltext").attr('disabled','disabled'); 
    }  

}); 
</script> 



<input name="AddressCheck" type="checkbox" id="AddressCheck" /><br /> 
<input type="text" id="dbltext" disabled/> 

Answer 1

скрипт запускается до того, как браузер видит остальную часть страницы, поэтому элемент никогда не встречается, так что ничто не связано

попробовать

$(document).ready(init); 
// or document.addEventListener('DOMContentLoaded', init); 
function init(){ 
    $('input[name=AddressCheck]').change(function(){ 
    if($(this).is(':checked')) { 
     $("#dbltext").removeAttr('disabled'); 
    } 
    else{ 
     $("#dbltext").attr('disabled','disabled'); 
    } 
    }); 
} 

или переместить сценарий до конца тела

Answer 2

$(document).ready(function(){ 
    $('input[name=AddressCheck]').click(function(){ 
     if($(this).is(':checked')) { 
      $("#dbltext").removeAttr('disabled'); 
     } 
});