Making sure at least one checkbox is checked

by

You should avoid having two checkboxes with the same name if you plan to reference them like document.FC.c1. If you have multiple checkboxes named c1 how will the browser know which you are referring to?

Here’s a non-jQuery solution to check if any checkboxes on the page are checked.

var checkboxes = document.querySelectorAll('input[type="checkbox"]');
var checkedOne = Array.prototype.slice.call(checkboxes).some(x => x.checked);

You need the Array.prototype.slice.call part to convert the NodeList returned by document.querySelectorAll into an array that you can call some on.

More Related Contents:

  1. How do I check whether a checkbox is checked in jQuery?
  2. Check if checkbox is checked with jQuery
  3. How to implement “select all” check box in HTML?
  4. Getting value of HTML Checkbox from onclick/onchange events
  5. Possible to associate label with checkbox without using “for=id”?
  6. How to validate a form with multiple checkboxes to have atleast one checked
  7. Creating the checkbox dynamically using JavaScript?
  8. How do I determine if a checkbox is checked?
  9. Why isn’t my checkbox change event triggered?
  10. Custom Checkbox
  11. Unescape HTML entities in JavaScript?
  12. Resizing an image in an HTML5 canvas
  13. Where to place JavaScript in an HTML file?
  14. Check if an element contains a class in JavaScript?
  15. In HTML5, is the localStorage object isolated per page/domain?
  16. How to prevent a click on a ‘#’ link from jumping to top of page?
  17. How to pass parameter to function using in addEventListener?
  18. How to convert a DOM node list to an array in Javascript?
  19. Getting unparsed (raw) HTML with JavaScript
  20. document.getElementsByClassName().innerHTML always returns “undefined”
  21. What is the meaning of polyfills in HTML5?
  22. How to prevent an HTTP request just for a favicon?
  23. Completely lost on how to save extension popup window content
  24. Set default value for a input file form [duplicate]
  25. Why does JavaScript navigator.appName return Netscape for Safari, Firefox and Chrome?
  26. scrollIntoView vs moveToElement
  27. submit event does not fire if submit initiated programmatically
  28. universal javascript for set homepage functionality [duplicate]
  29. How can I get the progress of a downloading ?
  30. Jquery change text between two elements

Leave a Comment