jQueryを使用してすべての選択されたチェックボックスの値を取得する方法は？

Question

HTMLコード：

<form method="post" id="cate-form"> 
      <ul class="expander-list" id="category"> 
       <li> 
       <div class="radio" style="padding-left:0px"> 
        <label> 
        <input type="checkbox" id="all" value="all"> 
        All </label> 
       </div> 
       </li> 
       <li> 
       <div class="radio" style="padding-left:0px"> 
        <label> 
        <input type="checkbox" name="filter[]" value="active"> 
        Active </label> 
       </div> 
       </li> 
       <li> 
       <div class="radio" style="padding-left:0px"> 
        <label> 
        <input type="checkbox" name="filter[]" value="inactive"> 
        Inactive </label> 
       </div> 
       </li> 
      </ul> 
      </form> 

のjQueryコード：

<script> 
     $(document).ready(function(){ 
      $("#all").click(function() { 
       $(':checkbox').prop('checked', this.checked); 
      }); 
      $(":checkbox").change(function(){ 
       var checked = []; 
       alert("it running"); 
       $('input[name=checkbox] :checked').each(function(){ 
        alert("data is pushing inside checked array"); 
        checked.push($(this).val()); 
       }) 
      }) 
     }); 
     </script> 

すべてのチェックボックスをクリックすることにより、すべてのチェックボックスを選択します。しかし、一度にすべての選択されたチェックボックスの値を取得する方法はありますか。私はこのクエリを特定してGoogleで検索しましたが、この問題を解決し、事前に感謝のために助けてください。

$('input[type=checkbox]:checked') 

へ

Answer 1

変更

$('input[name=checkbox] :checked') 

あなたのチェックボックスが実際にfilter[]という名前が、そのタイプはチェックボックスであるからです。あなたは、アレイ内のすべての値は、その後これをしようとしたい場合は あなたのコードが、その後

Answer 2

を動作するはずです： -

var checkedValues = $('input:checkbox:checked').map(function() { 
    return this.value; 
}).get(); 

の