如何使用jQuery获取多个checkbox的值

我怎样才能得到使用jQueryselectcheckbox的价值？ 我的html代码如下：

<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

尝试这个

 <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

要从多个checkbox中获取一个值的数组，请使用jQuery map / get函数：

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

这将返回数组与检查值，如下所示： ['1', '2']

这里是在jsfiddle的工作示例： http : //jsfiddle.net/7PV2e/

Answer 3

你可以这样做，

 $('.ads_Checkbox:checked') 

你可以通过each()遍历它们并用数组的值填充数组。

现场演示

获取数组中所选checkbox的值

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

编辑，使用.map（）

您也可以使用jQuery.map和get()来获取所选checkbox值的数组。

作为一个附注，使用this.value而不是$(this).val()会给出更好的性能。

现场演示

 $('#save_value').click(function(){ var arr = $('.ads_Checkbox:checked').map(function(){ return this.value; }).get(); }); 

Answer 4

你可以试试

 $('#save_value').click(function(){ var final = ''; $('.ads_Checkbox:checked').each(function(){ var values = $(this).val(); final += values; }); alert(final); }); 

这将返回单个实例中的所有checkbox值。

这里是一个工作现场演示。

Answer 5

因为你对所有的checkbox都有相同的类名

  $(".ads_Checkbox") 

会给你所有的checkbox，然后你可以使用每个循环迭代他们

 $(".ads_Checkbox:checked").each(function(){ alert($(this).val()); }); 

Answer 6

你可以像这样得到他们

 $('#save_value').click(function(){ $('.ads_Checkbox:checked').each(function(){ alert($(this).val()); });}); 

的jsfiddle

Answer 7

试试这个..（家伙我是一个新的蜜蜂..所以如果我错了，我真的很抱歉，但我find了这样的解决scheme。）

 var suggestion = []; $('#health_condition_name:checked').each(function (j, ob) { var odata = { health_condition_name: $(ob).val() };`enter code here` health.push(odata); }); 

Answer 8

尝试使用getPrameterValues()从多个checkbox获取值。

Answer 9

也可以使用$('input[name="selector[]"]').serialize(); 。 它返回URL编码的string，如：“selector％5B％5D = 1＆selector％5B％5D = 3”