试图启用/禁用复选框上的文本框单击

以下是我正在使用的代码。我没有血腥的想法，为什么它不工作。我怀疑这可能是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/>

来源

2015-07-21 Christian Cugnet

所以你试图启用文本字段，当你选中复选框？或者相反呢？ –

当页面加载文本字段时应该禁用。一旦复选框被选中，文本字段应该被启用。 –

啊！请参阅下面的答案。我不认为我第一次理解你的问题。对于那个很抱歉。 –

脚本运行的浏览器看到之前的页面的其余部分，因此该元素从来没有发现，所以没有东西束缚

尝试

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

或移动脚本结束的身体

来源

2015-07-21 01:37:21 Plato

谢谢，这工作得很好。 –

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

来源

2015-07-21 01:37:51 sasalilili

试图启用/禁用复选框上的文本框单击

回答

相关问题