enable/disable input fields with checkboxes (javascript)

Question

I'm trying to make a html5 form with different input fields, with a checkbox that can enable/disable input fields.

When the checkbox is selected, it should be possible to enter data into an input field. When the checkbox isn't selected, it shouldn't be possible to enter data to the input field.

I already tried this (just to try if enabling/disabling works):

<script>
document.getElementById("checkbox").onclick = function() {
    document.getElementById("inputfield").disabled=true;
}
</script>

The input field is disabled when the user clicks on the checkbox, so disabling fields works but I don't know how it works with selecting the checkbox and re-enabling.

This is my first time using javascript so any help is greatly appreciated!

epascarello · Accepted Answer · 2014-01-03 15:35:04Z

2

You check the state of the checkbox

document.getElementById("inputfield").disabled= this.checked;

answered Jan 3, 2014 at 15:35

epascarello

208k20 gold badges206 silver badges246 bronze badges

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

Comments

user3157722 · Accepted Answer · 2014-01-07 12:51:24Z

0

Thanks! Also got another solution:

function active()
{
  if(document.getElementById('checkbox').checked)
     document.getElementById('inputfield').disabled=false;

  else
     document.getElementById('inputfield').disabled=true;
}

edited Jan 7, 2014 at 12:51

answered Jan 6, 2014 at 8:46

user3157722

12 bronze badges

Collectives™ on Stack Overflow

enable/disable input fields with checkboxes (javascript)

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related