Question

171

jQuery Array of all selected checkboxes (by class)

rated 0 times [ 178] [ 7] / answers: 1 / hits: 137163 / 15 Years ago, wed, january 20, 2010, 12:00:00

Possible Duplicate:

Select values of checkbox group with jQuery

In HTML I have a set of checkboxes grouped together by a class. I want to get an array in jQuery containing all the checkboxes that are selected/checked for that class (so other checkboxes on the page are ignored).

So HTML code like this:

<input type=checkbox class=group1 value=18 checked=checked />

<input type=checkbox class=group1 value=20 />

<input type=checkbox class=group1 value=15 />

<input type=checkbox class=group2 value=14 />

<input type=checkbox class=group1 value=55 checked=checked />

<input type=checkbox class=group1 value=10 checked=checked />

<input type=checkbox class=group2 value=77 checked=checked />

<input type=checkbox class=group1 value=11 />

Would return the values of the checked/selected group1 checkboxes into an array like this:

var values = [ 18, 55, 10 ];

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

mckenna

Add To Favorites

Follow

Total Points: 445

Total Questions: 109

Total Answers: 109

Location: Virgin Islands (U.S.)

Member since Sun, May 16, 2021

3 Years ago

mckenna questions

1 Laravel Livewire: Component in Foreach loop. Button Click shows on all items instead of Single item

Mon, Sep 6, 21, 00:00, 3 Years ago

1 Jest mock aws-sdk ReferenceError: Cannot access before initialization

Sat, Apr 11, 20, 00:00, 4 Years ago

1 Nest js POST Request Not Recognizing DTO method

Fri, Mar 20, 20, 00:00, 4 Years ago

1 How to use prop inside another prop as default value in vuejs

Thu, Mar 28, 19, 00:00, 5 Years ago

1 Javascript: Bind/unbind function behavior

Tue, Nov 27, 18, 00:00, 6 Years ago

View All

answered 15 Years ago emerald · Accepted Answer

You can use the :checkbox and :checked pseudo-selectors and the .class selector, with that you will make sure that you are getting the right elements, only checked checkboxes with the class you specify.

Then you can easily use the Traversing/map method to get an array of values:

var values = $('input:checkbox:checked.group1').map(function () {

  return this.value;

}).get(); // [18, 55, 10]