Warning! This answer is too old and doesn't work on modern browsers.. I'm not the poster of this answer, but at the time of writing this, this is the most voted answer by far in both positive and negative votes (+1035 -17), and it's still marked as accepted answer (probably because the original poster of the question is the one who wrote this answer).

Sep 27, 2018 · checkboxes = document.getElementsByName("NameOfCheckboxes"); selectedCboxes = Array.prototype.slice.call(checkboxes).filter(ch => ch.checked==true); Here the Array.prototype.slice.call() part converts the object NodeList of all the checkboxes holding that name ("NameOfCheckboxes") into a new array, on which you then use the filter method.

Nov 19, 2024 · No. Checkboxes are meant to be selected independently. That's why both checkboxes and radio elements exist. It's not just for different appearance. However, it's common approach to group checkboxes by name, using array-like convention:

Working with the HTML above, I'd suggest these CSS rules: Hide checkboxes. input[type="checkbox"] { position: absolute; opacity: 0; z-index: -1; } I use just negative z-index since my example uses big enough checkbox skin to cover it fully. I don't recommend left: -999px since it is not reusable in every layout.

Dec 22, 2008 · This is what this will do, for instance if you have 5 checkboxes, and you click check all,it check all, now if you uncheck all the checkbox probably by clicking each 5 checkboxs, by the time you uncheck the last checkbox, the select all checkbox also gets unchecked

May 16, 2017 · Click-in-the-text is nice, but there is another reason to use the <label> tag: accessibility. The tools that visually-impaired people use to access the web need the <label>s to read-out the meaning of checkboxes and radio buttons. Without <label>s, they have to guess based on surrounding text, and they often get it wrong or have to give up.

According to HTML5 drafts, the checked attribute is a “boolean attribute”, and “The presence of a boolean attribute on an element represents the true value, and the absence of the attribute represents the false value.”

Mar 16, 2016 · So basically i want to count the number of checkboxes that are ticked. I get my code to the point where it counts them successfully, but I want to put in an alert that shows the number of checkboxes

Mar 14, 2012 · limiting checkboxes to one html javascript. 53. How to check/uncheck radio button on click? 46.

Oct 22, 2009 · #checkboxes label { float: left; } #checkboxes ul { margin: 0; list-style: none; float: left; } Tables aren't evil, but they're used for the wrong reasons more often than not. They make for bigger html-files (bad for performance and bandwidth), usually with a more cluttered html-structure (bad for maintainability).