Javascript checkbox onChange

by

Pure javascript:

const checkbox = document.getElementById('myCheckbox')

checkbox.addEventListener('change', (event) => {
  if (event.currentTarget.checked) {
    alert('checked');
  } else {
    alert('not checked');
  }
})
My Checkbox: <input id="myCheckbox" type="checkbox" />

More Related Contents:

  1. Checkbox hidden on body load [closed]
  2. Using jquery check/uncheck SelectAll checkbox when all the checkboxes in the group are checked/unchecked
  3. How do I check whether a checkbox is checked in jQuery?
  4. Setting “checked” for a checkbox with jQuery
  5. Check if checkbox is checked with jQuery
  6. How can I check if a checkbox is checked?
  7. Check/Uncheck checkbox with JavaScript
  8. How to implement “select all” check box in HTML?
  9. Get the value of checked checkbox?
  10. Getting value of HTML Checkbox from onclick/onchange events
  11. jQuery difference between change and click event of checkbox
  12. Testing if a checkbox is checked with jQuery
  13. How to check all checkboxes using jQuery?
  14. jquery attr(‘checked’,’checked’) works only once
  15. What the difference between .click and .change on a checkbox [duplicate]
  16. Angular ReactiveForms: Producing an array of checkbox values?
  17. How do I encode a JavaScript object as JSON?
  18. How do i disable a submit button when checkbox is uncheck?
  19. Possible to associate label with checkbox without using “for=id”?
  20. How to check in js that user has checked the checkbox in Google recaptcha?
  21. How to validate a form with multiple checkboxes to have atleast one checked
  22. How to reset all checkboxes using jQuery or pure JS?
  23. Creating the checkbox dynamically using JavaScript?
  24. How do I determine if a checkbox is checked?
  25. Dynamic controlgroup and checkboxes unstyled
  26. submitting a form when a checkbox is checked
  27. jqGrid multiselect “check all” in header: how to hide it?
  28. Why does preventDefault on checkbox click event returns true for the checked attribute?
  29. Why isn’t my checkbox change event triggered?
  30. binding data to angular checkbox

Leave a Comment