How to get multiple checkbox values using jQuery?

Question

How can I get the values of checkboxes which are selected using jQuery?

My HTML code is as follows:

<input  id="ad_Checkbox1" class="ads_Checkbox" type="checkbox" value="1" /> <input  id="ad_Checkbox2" class="ads_Checkbox" type="checkbox" value="2" /> <input  id="ad_Checkbox3" class="ads_Checkbox" type="checkbox" value="3" /> <input  id="ad_Checkbox4" class="ads_Checkbox" type="checkbox" value="4" /> <input type="button" id="save_value" name="save_value" value="Save" /> 

Answer 1

Try this

<input name="selector[]" id="ad_Checkbox1" class="ads_Checkbox" type="checkbox" value="1" /> <input name="selector[]" id="ad_Checkbox2" class="ads_Checkbox" type="checkbox" value="2" /> <input name="selector[]" id="ad_Checkbox3" class="ads_Checkbox" type="checkbox" value="3" /> <input name="selector[]" id="ad_Checkbox4" class="ads_Checkbox" type="checkbox" value="4" /> <input type="button" id="save_value" name="save_value" value="Save" /> 

function

    $(function(){       $('#save_value').click(function(){         var val = [];         $(':checkbox:checked').each(function(i){           val[i] = $(this).val();         });       });     }); 

Answer 2

To get an array of values from multiple checked checkboxes, use jQuery map/get functions:

$('input[type=checkbox]:checked').map(function(_, el) {     return $(el).val(); }).get(); 

This will return array with checked values, like this one: ['1', '2']

Here is working example on jsfiddle: http://jsfiddle.net/7PV2e/