jQuery將單獨的數組推送到一個數組。

Question

我有這段代碼，它檢查已選中的每個復選框。 我嘗試計算復選框被選中的次數。

例如，如果選中了框1和2，則應將值解析為一個數組，如[“ 1”，“ 2”]。 但是，它會繼續對數組進行計數，例如[“ 1”]，[“ 2”]。 即使那樣，仍嘗試將計數推入數組中也不起作用。 我從Chrome開發人員工具獲得了此信息。

我試圖將其推入數組，如下所示：

 var count = document.querySelectorAll('input[name="check"]:checked').length;


 var arr = [];

 arr.push(count);

如果你們看到我的代碼，也許更容易理解。 開始！

此功能檢查是否選中了復選框中的更改。

function chBox()
{
    $("#allCheckboxes").on("change", "input[name=check]", function() {
        var array;
        if ($(this).is(':checked')) {

            var count = document.querySelectorAll('input[name="check"]:checked').length;


            var arr = [];

            arr.push(count);



            document.getElementById("toppings").innerHTML = count;
            console.log(arr);
            //alert($(this).val());
            // alert(document.querySelectorAll('input[name="check"]:checked').length);
            //document.getElementById("pieCrust").innerHTML = $(this).val();
        }
        else {


            alert("not checked");
        }
    });

}

這些輸入帶有名稱屬性“ check”，如果需要輸入一個而不是多個數組，則輸入一個。

   <!--Pepperoni-->
                        <input class="form-check-input " name="check" type="checkbox" id="Pepperoni" value="Pepperoni">
                        <label class="form-check-label " for="Pepperoni">Pepperoni</label>

                        <!--Sausage-->
                        <input class="form-check-input chk" name="check" type="checkbox" id="Sausage" value="Sausage">
                        <label class="form-check-label" for="Sausage">Sausage</label>

Answer 1

您需要在$("#allCheckboxes").on(...)之外聲明數組arr $("#allCheckboxes").on(...)

可能您對額外的Array array感到困惑，此額外變量未在代碼中使用。

function chBox() {
  $("#allCheckboxes").on("change", "input[name=check]", function() {
    var arr = []; // This is the place where you to declare your array.
    if ($(this).is(':checked')) {      
      var count = document.querySelectorAll('input[name="check"]:checked').length;

      arr.push(count);

      document.getElementById("toppings").innerHTML = count;
      console.log(arr);
    } else {
      alert("not checked");
    }
  });
}