I need to get the values of all checkboxes that are currently checked using jquery, I suppose I would put it all in an array, but I am having trouble doing that. Would anyone be able to point me in the write direction.

This is what I am using so far. I am trying to send all of the values that are currently checked to a div I have.

function cityPopulate() {


        var arr44 = new Array();   
        var cityNames22 = $("input[name=city_select[]]:checked").each(function(){arr44.push(this.value);});



        $("#city_pop").append(cityNames22.val());
    }

        When I try the code above, it just gives me the value of the first checkbox I check only. Not all of the rest. 

I need to get the values of all checkboxes that are currently checked using jquery, I suppose I would put it all in an array, but I am having trouble doing that. Would anyone be able to point me in the write direction.

This is what I am using so far. I am trying to send all of the values that are currently checked to a div I have.

function cityPopulate() {


        var arr44 = new Array();   
        var cityNames22 = $("input[name=city_select[]]:checked").each(function(){arr44.push(this.value);});



        $("#city_pop").append(cityNames22.val());
    }

        When I try the code above, it just gives me the value of the first checkbox I check only. Not all of the rest. 

• javascript
• jquery
• html

• Can you post the code you have so far. – Rory McCrossan Commented Mar 13, 2012 at 21:12
• Possible duplicated question: stackoverflow./questions/786142/… – lmcanavals Commented Mar 13, 2012 at 21:13

2 Answers 2

Without seeing the code you have I'm guessing at your exact schema, but using map() on your checkboxes with the class you specify to create an array should work, try this:

var checkboxValues = $('.myCheckbox:checked').map(function() {
    return $(this).val();
}).get();

checkboxValues would then contain an array with all the values of the checked checkboxes.

Depending on the class you have assigned to your checkboxes, it will look something like this:

var values = [];

$('.checkboxclass').each(function(){
  var $this = $(this);
  if ($this.is(':checked')) {
    values.push($this.val());
  }
});