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

Share Improve this question Follow edited Mar 13, 2012 at 21:17 Bill paxton asked Mar 13, 2012 at 21:11 Bill paxtonBill paxton 9522 gold badges33 silver badges99 bronze badges 2

• 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

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

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());
  }
});