Question

I’ve got checkbox and text input. What I need is to disable/enable the field by checking/unchecking corresponding checkbox.

I’m interested in plain javascript approach to this.

Thanks!

Answer 1

The very basic method to achieve this is:

<input type="checkbox" id="yourBox">
<input type="text" id="yourText">
<script>
document.getElementById('yourBox').onchange = function() {
    document.getElementById('yourText').disabled = this.checked;
};
</script>

Every input[type=checkbox] element has a property checked, which represents the state of the checkbox. Input elements can be disabled by setting disabled to true. Combining these two properties results in the desired behaviour.