jQuery Tableau de toutes les cases sélectionnées (par classe)

Question

Possible en double:
Select values of checkbox group with jQuery

En HTML j'ai un ensemble de cases regroupées par une classe. Je veux obtenir un tableau dans jQuery contenant toutes les cases cochées/cochées pour cette classe (donc les autres cases à cocher de la page sont ignorées).

donc le code HTML comme ceci:

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

reviendriez les valeurs des cochée/sélectionnées group1 cases dans un tableau comme celui-ci:

var values = [ 18, 55, 10 ]; 

Answer 1

Vous pouvez utiliser le :checkbox et :checked pseudo-sélecteurs et le .class sélecteur, avec cela, vous vous assurerez que vous obtenez les bons éléments, seulement cochée case à cocher s avec la classe que vous spécifiez.

Ensuite, vous pouvez facilement utiliser la méthode Traversing/map pour obtenir un tableau de valeurs:

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

Vous pouvez également ajouter underscore.js à votre projet et sera en mesure de le faire en une ligne:

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