Wie erhält man den Wert aller ausgewählten Kontrollkästchen mit jQuery?

Question

HTML-Code:

<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-Code:

<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> 

Durch alle Kontrollkästchen klicken auf sie alle Kontrollkästchen aktivieren. aber wie kann ich einen Wert von einem alle ausgewählten Checkboxen auf einmal. Ich suchte auf Google nach bestimmten dieser Abfrage, aber nichts hilfreich ist jetzt gefunden bitte helfen Sie mir für die Lösung eines dieser Problem und danke im Voraus.

Answer 1

Änderung

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

zu

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

seit Ihrem Kontrollkästchen filter[] tatsächlich benannt sind, aber ihre Art ist Checkbox. Ihr Code sollte dann funktionieren

Answer 2

, wenn Sie alle Wert in einem Array wollen diese dann versuchen: -

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