Question

我正在尝试对选中复选框时禁用的文本字段进行编码＆＃39;。

以下是我正在使用的代码。我没有血腥的想法，为什么它不起作用。我怀疑它可能是WordPress＆＃39;错误，但我是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(function(){
     $('input[name=AddressCheck]').click(function(){
        if($(this).is(':checked')) { 
            $("#dbltext").removeAttr('disabled');
        } 
});

Answer 2

脚本在浏览器看到页面的其余部分之前运行，因此永远不会找到该元素，因此不会绑定任何内容

试

$(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');
    }
    });
}

或将脚本移动到正文的末尾

尝试在复选框单击时启用/禁用文本字段

2 个答案: