尝试 enable/disable 单击复选框时的文本字段

Question

我正在尝试编写当复选框为 'checked' 时禁用的文本字段。

下面是我正在使用的代码。我不知道为什么它不起作用。我怀疑这可能是 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');
        } 
});

尝试 enable/disable 单击复选框时的文本字段

Trying to enable/disable a textfield on checkbox click

html

javascript

wordpress

checkbox

textfield