Return :checked checkboxes value with is()

Question

I have sets of checkboxes so I assigned each set in a variable.

var $set1 = $('.suppliers'), $set2 = $('.products'), $set3 = $('.customer')//etc...

Then somewhere on my code, I want to put each set :checked values in an array:

var set1Arr = [];

$set1.is(':checked').each(function() {
   set1Arr.push($(this).val());
});

But nothing is returned, I also debugged and on console it says Object has no method 'each'. I tried using not(':checked') and it is working okay, it returned the unchecked values.

Answer 1

Use .map() to create array

var set1Arr = $set1.filter(':checked').map(function() {
   return this.value;
}).get();

.filter()

.is() returns a Boolean value.

Answer 2

You need to use .filter()

var set1Arr = [];
$set1.filter(':checked').each(function() {
   set1Arr.push($(this).val());
});

or better

var set1Arr =  $set1.filter(':checked').map(function() {
   return this.value
}).get();

Answer 3

Use filter(':checked') .

not() is not the opposite of is() , but it's !.is() . On the other hand filter() is the opposite of not() .

---

You just misunderstood how both methods work.

is() checks if one element in the current set of elements matches the selector, and returns a boolean :

if($('input[type="checkbox"]').is(':checked')){
    //if at least one checkbox is checked do something...
}

not() is a filtering method, it checks each element with the selector and returns only those that do not match the selector.

Answer 4

Try like

$set1.each(function() {
    if($(this).is(':checked'))
        set1Arr.push($(this).val());
});

Answer 5

$set1.each(function() {
   if($(this).is(':checked')){
       set1Arr.push($(this).val());
   }
});

Answer 6

Try this:

var checkboxValue = $(this).prop('checked');

or

$(this).is(':checked'); //return boolean