Best way to get all selected checkboxes VALUES in jQuery

JavascriptJqueryasp.net

Javascript Problem Overview


I am looking to get all checkboxes' VALUE which have been selected through jQuery.

Javascript Solutions


Solution 1 - Javascript

You want the :checkbox:checked selector and map to create an array of the values:

var checkedValues = $('input:checkbox:checked').map(function() {
    return this.value;
}).get();

If your checkboxes have a shared class it would be faster to use that instead, eg. $('.mycheckboxes:checked'), or for a common name $('input[name="Foo"]:checked')

- Update -

If you don't need IE support then you can now make the map() call more succinct by using an arrow function:

var checkedValues = $('input:checkbox:checked').map((i, el) => el.value).get();

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionherculesView Question on Stackoverflow
Solution 1 - JavascriptRory McCrossanView Answer on Stackoverflow