如何將所有復選框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邏輯。