計算值為 A 的復選框總數

Question

我正在嘗試計算具有值 A 的選中復選框。下面的代碼工作正常並給了我想要的結果。

 $('#btn_submit').click(function ()  {
    $('input[type="checkbox"]').click(function () {
       alert($(".multisteps-form__form input[value=A]:checked").length);

    });
});

但是當我使用下面的代碼將它存儲在 var 中時，它只給我計數結果 1。 我不知道為什么。。

$('#btn_submit').click(function ()  {
    $('input[type="checkbox"]').click(function () {
        var Total_A = $('.multisteps-form__form input[value=A]:checked').length;
        alert($(Total_A).length);
      

    });
});

Answer 1

您已將選中復選框的數量存儲到Total_A 。 所以你不需要再次獲取Total_A的長度。

 $('input[type="checkbox"]').click(function () { var Total_A = $(".multisteps-form__form input[value=A]:checked").length alert("Total: "+Total_A) });

 <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <div class='multisteps-form__form'> <input type="checkbox" value="A"> <input type="checkbox" value="A"> <input type="checkbox" value="A"> <input type="checkbox" value="A"> <input type="checkbox" value="A"> </div>