jQuery Array aller ausgewählten Kontrollkästchen (nach Klasse)

Question

Mögliche Duplizieren:
Select values of checkbox group with jQuery

In HTML habe ich eine Reihe von Kontrollkästchen von einer Klasse zusammengefasst. Ich möchte ein Array in jQuery erhalten, das alle Kontrollkästchen enthält, die für diese Klasse ausgewählt/markiert sind (andere Kontrollkästchen auf der Seite werden ignoriert).

So HTML-Code wie folgt aus:

<input type="checkbox" class="group1" value="18" checked="checked" /> 
<input type="checkbox" class="group1" value="20" /> 
<input type="checkbox" class="group1" value="15" /> 
<input type="checkbox" class="group2" value="14" /> 
<input type="checkbox" class="group1" value="55" checked="checked" /> 
<input type="checkbox" class="group1" value="10" checked="checked" /> 
<input type="checkbox" class="group2" value="77" checked="checked" /> 
<input type="checkbox" class="group1" value="11" /> 

Würden die Werte der geprüften/ausgewählten group1 Kontrollkästchen in einem Array wie folgt zurück:

var values = [ 18, 55, 10 ]; 

Answer 1

Sie können die :checkbox verwenden und :checked Pseudo-Selektoren und die .class Selektor, mit dem Sie sicherstellen, dass Sie die richtigen Elemente bekommen, nur Kontrollkästchen aktiviert s mit der Klasse, die Sie angeben.

Dann können Sie bequem die Traversing/map Methode verwenden, um ein Array von Werten zu erhalten:

var values = $('input:checkbox:checked.group1').map(function() { 
    return this.value; 
}).get(); // ["18", "55", "10"] 

Answer 2

var matches = []; 
$(".className:checked").each(function() { 
    matches.push(this.value); 
}); 

Answer 3

Sie können auch underscore.js zu Ihrem Projekt hinzufügen und es wird zu tun, in einer Zeile in der Lage:

_.map($("input[name='category_ids[]']:checked"), function(el){return $(el).val()})