Obter uma lista de caixas de seleção marcadas em uma div usando jQuery

Quero obter uma lista de nomes de caixas de seleção selecionadas em uma div com determinado ID. Como eu faria isso usando jQuery?

Por exemplo, para esta div, quero obter o array ["c_n_0"; "c_n_3"] ou uma sequência "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>

Combinação de duas respostas anteriores:

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

Isso faria?

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

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

lhe dará uma matriz dos próprios elementos. Se você apenas precisar especificamente dos nomes:

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

Eu precisava da contagem de todas as caixas de verificação marcadas. Em vez de escrever um loop, eu fiz isso

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

Compare-o com o número total de caixas de seleção para ver se são iguais. Espero que ajude alguém

Isso funciona para mim.

var selecteditems = [];

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

Você também pode atribuir a todos o mesmo nome para que sejam uma matriz , mas atribuir valores diferentes :

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

Você pode obter apenas o valor dos marcados usando o mapa :

$('#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);
 });