has - jquery name attribute

Obtenga una lista de casillas marcadas en un div usando jQuery

Question

Quiero obtener una lista de los nombres de las casillas de verificación que se seleccionan en un div con cierta identificación. ¿Cómo haría eso usando jQuery?

Por ejemplo, para esta división quiero obtener array ["c_n_0"; "c_n_3"] o una cadena "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>

Answer 1

¿Esto haría?

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

Answer 2

Combinación de dos respuestas anteriores:

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

Answer 3

Esto funciona para mi

var selecteditems = [];

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

Answer 4

Necesitaba el recuento de todas las casillas de verificación que están marcadas. En lugar de escribir un bucle hice esto

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

Compárelo con el número total de casillas de verificación para ver si son iguales. Espero que ayude a alguien

Answer 5

También puede darles a todos el mismo nombre para que sean una matriz , pero darles diferentes valores :

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

Entonces puede obtener solo el valor de solo los marcados usando el mapa :

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

Answer 6

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

le dará una serie de los propios elementos. Si solo necesitas específicamente los nombres:

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