如何将所有复选框 id 和值存储在 2D 数组中并使用 ajax 存储到 php 页面？

Question

我有一个输入 type=checkbox，其中包含来自 1-10 的 id。我需要选择一些复选框，当我单击特定的单击事件时，我需要将所有复选框值 (1-0/ checked-not checked) 和 ids 存储在二维数组中，并使用 ajax 发送到 php 页面。

<input type="checkbox" id='1' name="ppackages" class="success">

var popularpackages = [];

$("input:checkbox").each(function(){
    var $this = $(this);
      popularpackages.push($this.attr("id"));
});

alert(popularpackages);

输出为1,2,3,4,5,6,7,8,9,10 但我需要(id,checked/not checked) (1,1),(2,0),.....(10,0)

Answer 1

为此，您可以使用map() 构建数组，然后将id 和checked 属性作为子数组返回，如下所示：

var popularpackages = $("input:checkbox").map(function() {
  return [[parseInt(this.id, 10), this.checked ? 1 : 0]];
}).get();

console.log(popularpackages);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" id="1" name="ppackages" class="success" checked="checked" />
<input type="checkbox" id="2" name="ppackages" class="success" />
<input type="checkbox" id="3" name="ppackages" class="success" />
<input type="checkbox" id="4" name="ppackages" class="success" />
<input type="checkbox" id="5" name="ppackages" class="success" checked="checked" />
<input type="checkbox" id="6" name="ppackages" class="success" />
<input type="checkbox" id="7" name="ppackages" class="success" />
<input type="checkbox" id="8" name="ppackages" class="success" />
<input type="checkbox" id="9" name="ppackages" class="success" checked="checked" />
<input type="checkbox" id="10" name="ppackages" class="success" />

然后您可以像往常一样使用$.ajax 或任何jQuery 的其他AJAX 方法将popularpackages 数组发送到您的PHP 逻辑。