JQuery массив всех выбранных флажков (по классам)

Question

Возможный дубликат:
Select values of checkbox group with jQuery

В HTML У меня есть набор флажков, сгруппированных классом. Я хочу получить массив в jQuery, содержащий все флажки, которые были выбраны/отмечены для этого класса (так что другие флажки на странице игнорируются).

Так HTML код так:

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

вернуть бы значения проверяемых/выбранных group1 флажков в массив так:

var values = [ 18, 55, 10 ]; 

Answer 1

Вы можете использовать :checkbox и :checked псевдоселекторами и селектором .class, при этом вы убедитесь, что получаете правильные элементы, только флажок checkboxe s с указанным вами классом.

Тогда вы можете легко использовать метод Traversing/map, чтобы получить массив значений:

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

Вы также можете добавить underscore.js к вашему проекту и будет в состоянии сделать это в одной строке:

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