Отримайте список встановлених прапорців у розділі за допомогою jQuery

Я хочу отримати список імен прапорців, які вибрані у діві з певним ідентифікатором. Як би це зробити за допомогою jQuery?

Наприклад, для цього div я хочу отримати масив ["c_n_0"; "c_n_3"] або рядок "c_n_0; c_n_3"

<div id="checkboxes">
    <input id="chkbx_0" type="checkbox" name="c_n_0" checked="checked" />Option 1
    <input id="chkbx_1" type="checkbox" name="c_n_1" />Option 2
    <input id="chkbx_2" type="checkbox" name="c_n_2" />Option 3
    <input id="chkbx_3" type="checkbox" name="c_n_3" checked="checked" />Option 4
</div>

Поєднання двох попередніх відповідей:

var selected = [];
$('#checkboxes input:checked').each(function() {
    selected.push($(this).attr('name'));
});

Це зробить?

var selected = [];
$('div#checkboxes input[type=checkbox]').each(function() {
   if ($(this).is(":checked")) {
       selected.push($(this).attr('name'));
   }
});

$("#checkboxes").children("input:checked")

дасть вам масив самих елементів. Якщо вам просто потрібні імена:

$("#checkboxes").children("input:checked").map(function() {
    return this.name;
});

Мені знадобився підрахунок усіх прапорців, які перевіряються. Замість того, щоб написати цикл, я зробив це

$(".myCheckBoxClass:checked").length;

Порівняйте його із загальною кількістю прапорців, щоб побачити, чи рівні вони. Сподіваюся, це комусь допоможе

Це працює для мене.

var selecteditems = [];

$("#Div").find("input:checked").each(function (i, ob) { 
    selecteditems.push($(ob).val());
});

Ви також можете дати їм однакове ім'я, щоб вони були масивом , але присвоїли їм різні значення :

<div id="checkboxes">
    <input type="checkbox" name="c_n[]" value="c_n_0" checked="checked" />Option 1
    <input type="checkbox" name="c_n[]" value="c_n_1" />Option 2
    <input type="checkbox" name="c_n[]" value="c_n_2" />Option 3
    <input type="checkbox" name="c_n[]" value="c_n_3" checked="checked" />Option 4
</div>

Тоді ви можете отримати лише значення лише відмічених за допомогою карти :

$('#checkboxes input:checked[name="c_n[]"]')
            .map(function () { return $(this).val(); }).get()

function listselect() {
                var selected = [];
                $('.SelectPhone').prop('checked', function () {

                    selected.push($(this).val());
                });

                alert(selected.length);

     <input type="checkbox" name="SelectPhone" class="SelectPhone"  value="1" />
         <input type="checkbox" name="SelectPhone" class="SelectPhone"  value="2" />
         <input type="checkbox" name="SelectPhone" class="SelectPhone"  value="3" />
        <button onclick="listselect()">show count</button>

 var agencias = [];
 $('#Div input:checked').each(function(index, item){
 agencias.push(item.nextElementSibling.attributes.for.nodeValue);
 });