Menu
I have a checkbox and if I tick it I want a textfield to become enabled (disabled as default) and when I untick the the checkbox I want it to become disabled again.
I saw here jQuery Checkboxes how I caan toggle a CSS class and here http://docs.jquery.com/Frequently_Asked_Questions#How_do_I_disable.2Fenable_a_form_element.3F how I can switch between enabled and disabled with two buttons. But how do I toggle a textfields disabled/enabled status by tick/untick a checkbox?
Thanks in advance.
522
Syntax: // Select all child input of type checkbox // with class child-checkbox // And add the disabled attribute to them $('. child-checkbox input[type=checkbox]') . attr('disabled', true);
In general, the checkbox disabling in jQuery is defined as disabling the checkbox element which grays out the checkbox element which can either be checked or unchecked when it is disabled by using different methods provided in jQuery such as using a prop() and attr() method and there is also one property which can be ...
$( "#x" ). prop( "checked", false );
To check whether a Checkbox has been checked, in jQuery, you can simply select the element, get its underlying object, instead of the jQuery object ( [0] ) and use the built-in checked property: let isChecked = $('#takenBefore')[0]. checked console. log(isChecked);
$(':checkbox').click(function(){
$('input:text').attr('disabled',!this.checked)
});
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
39
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
