Trying to enable/disable a textfield on checkbox click

Question

I'm trying to code a text field that is disabled when the check box is 'checked'.

Below is the code I'm using. I have no bloody idea why it's not working. I suspect it may be WordPress' fault but I'm new to Javascript so I'm hoping it's that.

<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/>

So you are trying to Enable the text field when you check the checkbox? or the other way around? — AR_HZ
– AR_HZ, Commented Jul 21, 2015 at 1:35
When the page loads the text field should be disabled. Once the checkbox is 'checked', the text field should become enabled. — Christian Cugnet
– Christian Cugnet, Commented Jul 21, 2015 at 1:38
Ah! see the answers below. I don't think I understood your question at first time. Sorry about that. — AR_HZ
– AR_HZ, Commented Jul 21, 2015 at 1:39

sasalilili · Accepted Answer · 2015-07-21 01:37:51Z

1

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

answered Jul 21, 2015 at 1:37

sasalilili

1295 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Plato · Accepted Answer · 2015-07-21 01:37:21Z

0

the script runs before the browser sees the rest of the page, so the element is never found, so nothing gets bound

try

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

or move the script to the end of the body

answered Jul 21, 2015 at 1:37

Plato

11.1k2 gold badges46 silver badges63 bronze badges

Collectives™ on Stack Overflow

Trying to enable/disable a textfield on checkbox click

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related