试图启用/禁用复选框上的文本框单击
问题描述:
我试图编码复选框被选中时禁用的文本框。试图启用/禁用复选框上的文本框单击
以下是我正在使用的代码。我没有血腥的想法,为什么它不工作。我怀疑这可能是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/>
答
脚本运行的浏览器看到之前的页面的其余部分,因此该元素从来没有发现,所以没有东西束缚
尝试
$(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');
}
});
}
或移动脚本结束的身体
+1
谢谢,这工作得很好。 –
答
$(document).ready(function(){
$('input[name=AddressCheck]').click(function(){
if($(this).is(':checked')) {
$("#dbltext").removeAttr('disabled');
}
});
所以你试图启用文本字段,当你选中复选框?或者相反呢? –
当页面加载文本字段时应该禁用。一旦复选框被选中,文本字段应该被启用。 –
啊!请参阅下面的答案。我不认为我第一次理解你的问题。对于那个很抱歉。 –