How to get an array of class-names from a set of checked checkboxes using jQuery or JavaScript?

Question

I'm using the following to get an array of values from a set of checkboxes that have been checked by the end-user:

var array = jQuery('input:checkbox[name=items]:checked').map(function() {
    return this.value;
}).get();

Instead of an array of values, I'd like to get an array of classnames.

My checkboxes:

<input type="checkbox" name="items" value="vOne" class="cOne">
<input type="checkbox" name="items" value="vTwo" class="cTwo">
<input type="checkbox" name="items" value="vThree" class="cThree">

I've tried the following which doesn't work:

var array = jQuery('input:checkbox[name=items]:checked').map(function() {
    return this.class;
}).get();

Check the console, answer is there.

elclanrs
– elclanrs

2014-06-16 17:33:45 +00:00
Commented Jun 16, 2014 at 17:33 — elclanrs
– elclanrs, Commented Jun 16, 2014 at 17:33

hsz · Accepted Answer · 2014-06-16 17:33:32Z

2

Instead of this.class, you should use:

this.className

answered Jun 16, 2014 at 17:33

hsz

153k63 gold badges268 silver badges320 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to get an array of class-names from a set of checked checkboxes using jQuery or JavaScript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related