How to get value of HTML checkbox from onclick or onchange events with JavaScript?

Spread the love

Sometimes, we want to get value of HTML checkbox from onclick or onchange events with JavaScript.

In this article, we’ll look at how to get value of HTML checkbox from onclick or onchange events with JavaScript.

How to get value of HTML checkbox from onclick or onchange events with JavaScript?

To get value of HTML checkbox from onclick or onchange events with JavaScript, we get the checked property.

For instance, we write

<label><input type="checkbox" />Checkbox</label>

to add a checkbox.

Then we write

const checkbox = document.querySelector("input");
checkbox.onclick = (e) => {
  console.log(e.target.checked);
};

to select the checkbox with querySelector.

Then we set its onclick property to a function that logs the checked value we get from e.target.checked.

Conclusion

To get value of HTML checkbox from onclick or onchange events with JavaScript, we get the checked property.

Leave a Reply

Your email address will not be published. Required fields are marked *