how to get checked and unchecked check box values in an array using javascript/jquery

Question

how to get checked and unchecked check box values in an array using javascript/jquery.

I have a list of check boxes.
Below is the sample code.

<input type="checkbox" class="chkCountry" value="1" checked="checked" />India    
<input type="checkbox" class="chkCountry" value="4" checked="checked" />China     
<input type="checkbox" class="chkCountry" value="2"/>Pakistan    
<input type="checkbox" class="chkCountry" value="3"/>Japan     

Here i want to get the checked values in a array unchecked values in another array.

And if again i want to unchecked the checked values(here India and China), i want to get the values(1,4) in another array.

Answer 1

You can use .map() to convert a jQuery object set to an array like

var $checks = $('.chkCountry');

var checked = $checks.filter(':checked').map(function () {
    return this.value;
}).get();
var unchecked = $checks.not(':checked').map(function () {
    return this.value;
}).get();

• .map()
• .get()
• :checked
• .filter()
• .not()

Answer 2

To get checked :

arrchecked = $('.chkCountry').map(function() {
    if(this.checked)
     return this.value;
}).get();
arrunchecked = $('.chkCountry').map(function() {
    if(!this.checked)
     return this.value;
}).get();

Working Demo

Answer 3

You can use this:

var checked=[], unchecked=[];

$('.chkCountry').change(function() {
     if(this.checked){
          checked.push(this.value);
          unchecked.splice(this.value, 1);
     }else{
          unchecked.push(this.value);
          checked.splice(this.value, 1);
     }
}).change();

---

I stated a .splice() method to remove element if you need to update the array with uncheck.