Get all values input checkbox selected with jQuery

Question

I have 5 inputs checkbox, select 3 and when you want to see the number selected with this function I get the number 3 correctly

$('.pf-fdc-setting .class-users .class-role input:checked').length(); // 3

but if I want to get the 3 values, just send me 1 single value with this function

$('.pf-fdc-setting .class-users .class-role input:checked').val(); // one-value

How can I get the 3 values selected?

Why don't you read it individually as it holds different classes. There's no need to looping though — Shahjahan, Sep 15 '19 at 06:26

score 1 · Answer 1 · answered Sep 15 '19 at 06:17

1

You can use .each() to iterate over the selected items

let values = [];
$('.pf-fdc-setting .class-users .class-role input:checked').each(function() {
  values.push($(this).val());
});

answered Sep 15 '19 at 06:17

Danny Buonocore

score 1 · Answer 2 · answered Sep 15 '19 at 06:23

1

Just Do It:

$('.pf-fdc-setting .class-users .class-role input:checked').each( function( index, element ){
   console.log( $( this ).val() );
});

answered Sep 15 '19 at 06:23

Imranmadbar

2 Answers2