如何将所有复选框ID和值存储在2D数组中，以及如何使用Ajax存储到php页面？

Question

我有一个输入type=checkbox ，其中包含1-10 id 。 我需要选择一些复选框，当我单击特定的单击事件时，我需要将所有复选框值(1-0/ checked-not checked)和id在2d数组中，并使用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 ，使用$.ajax或jQuery的其他AJAX方法中的任意一个，将popularpackages数组发送到PHP逻辑。