ansaurus

Question

Disable/enable element with checkbox and jQuery?

Answer 1

+2 A:

You can attach the change handler on the checkbox, and enable/disable the text field with its checked property.

$('#theCheckbox').change(function() {
    $('#theTextfield').attr('disabled', this.checked);
}

(Example: http://jsbin.com/oludu3/2)

KennyTM 2010-09-27 07:59:10

Answer 2

A:

$(':checkbox').click(function(){
   $('input:text').attr('disabled',!this.checked)
});

crazy demo

Reigel 2010-09-27 07:59:30

I think you want the change handler, which will fire even if the user clicks a label associated with the checkbox.

Abhijit Rao 2010-09-27 08:03:42

http://jsfiddle.net/FArMm/1/ updated example from Reigel.

Tim 2010-09-27 08:06:26

@Rao - if the it's label you're worrying, check [crazy demo 2](http://jsfiddle.net/FArMm/2/)

Reigel 2010-09-27 08:16:19

Thank you for that, is there just an easy way to delete the text in the textboxes that becomes disabled and untick the checkboxes that becomes disabled?

Martin 2010-09-27 13:23:25

Answer 3

A:

Here's a page that does what you're looking for - it's pretty minimal but shows what you need

<html>
    <head>
        <script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script>
            $(document).ready(function () {
                $("#testcheckbox").change(function () { 
                    $("#testtextfield").attr("disabled", $(this).attr("checked"));
                });
            });
        </script>
    </head>
    <body>
        <input type="checkbox" id="testcheckbox" />
        <input type="text" id="testtextfield" />
    </body>
</html>

SamStephens 2010-09-27 08:11:55

ansaurus

tags:

views:

answers:

Disable/enable element with checkbox and jQuery?

crazy demo

related questions