javascript - jquery 复选框，如何获取所有选中的复选框并将它们添加到数组？

Question

您好，我有以下页面:

<input type="checkbox"  name="fruit1" id="1"  class="box">Banana<br /><br />
<input type="checkbox"  name="fruit2" id="2"  class="box">Cherry<br /><br />
<input type="checkbox"  name="fruit3" id="3"  class="box">Strawberry<br /><br />
<input type="checkbox"  name="fruit4" id="4"  class="box">Orange<br /><br />
<input type="checkbox"  name="fruit5" id="5"  class="box">Peach<br /><br />
<input type="button" id="groupdelete" value="clickme"><br />

 $(document).ready(function(){

$('#groupdelete').on('click', function(){
  var names = [];
   $('input:checked').each(function() {

       names.push($('input:checked').attr("name") + $('input:checked').attr('id'));

 });
   console.log(names); 
})

})

我想做的是:

在数组中添加选中的复选框。之后，我希望能够传递 php 变量中的值。

当我现在执行代码时，我得到的结果是这样的:

["fruit22", "fruit22", "fruit22"]

我们将不胜感激任何帮助。

问候，佐雷利

Answer 1

您需要在 .each() 函数中使用 this 而不是 'input:checked' 来引用当前元素正在检查的集合。如果您重新使用选择器，您将再次获得集合，那么只会从集合中的 first 元素中获取属性。

$('input:checked').each(function() {
    names.push($(this).attr("name") + this.id);
});