> Obtener ID de varios checkbox con jQuery

[ghidalgoram]

Hola comunidad.

Tengo una colección de "n" input's de tipo "checkbox". Necesito obtener solo el ID de aquellos que tienen el check en true.


Por ejemplo:

Código HTML:

<input class="chk_listado"  type="checkbox" name="chk_registro_1" id="chk_registro_1" />
 
<input class="chk_listado"  type="checkbox" name="chk_registro_2" id="chk_registro_2" /> 
 
<input class="chk_listado"  type="checkbox" name="chk_registro_3" id="chk_registro_3" />
 

Navegando en internet encontré un código que solo obtiene uno. Por ejemplo, si hay 2 elementos con un check, solo obtiene un ID

Código Javascript:

if($("input:checked").is(':checked')) {  
            alert($("input:checked").attr("id"));  
        } else {  
            alert("No está activado");  
}
 

Si el usuario, solo da click para chequear los dos primeros, deseo obtener el ID de los dos que fueron chequedos, y guardarlos en un array. Algo como estos:

var array = Array();

array[0] = "chk_registro_1";
array[1] = "chk_registro_2";

Agradezco su amable ayuda para resolver este problema. Gracias.

[ryugen]

Código Javascript:

$('input[type=checkbox]:checked').each(function(){
});
 

Itera sobre todos los inputs checkbox chequeados.
Dentro de la funcion puedas hacer lo que quieras

[ghidalgoram]

Iniciado por ryugen

Código Javascript:

$('input[type=checkbox]:checked').each(function(){
});
 

Itera sobre todos los inputs checkbox chequeados.
Dentro de la funcion puedas hacer lo que quieras

Hola amigo ryugen. Gracias por responder. Tengo poco conocimiento en jQuery.
Te comento que no comprendo mucho tu idea. Probé el código que me diste. No realiza nada. Te agradezco si me ayudas un poco más con el código.


Mi necesidad es guardar el ID de los checkbox en true en una variable o un arreglo. Algo así como:

Código Javascript:

var cadena = "chk_registro_3, chk_registro_15, chk_registro_9";
 

o en un array.


Se que existe una función que devuelve la cantidad de elementos con check en true.

Código Javascript:

var y = $('input:checkbox:checked').size();
alert(y);
 

Si existe algo así, debe existir algo que verifique pero retorne los nombres o ID.

Gracias de nuevo por tu ayuda.
Saludos.

[ghidalgoram]

Hola rygen.

Estudié un poco más el código que me pasaste. Veo que ".each" es un ciclo que recorre los elementos. En mi caso fuí más específico e indico que los checkbox que empiecen con "chk_registro_".


Hice el siguiente código:

Código PHP:

$('#borrar').click(function(){
 
    $("input:checkbox[name^='chk_registro_']").each(function(index,e){
    
        if($("input:checkbox[name^='chk_registro_']").is(":checked")){
            var g = $("input:checkbox[name^='chk_registro_']").attr("id");
            alert(g+" tiene check");
        } // if
    
    });
 
});
 

Casi lo consigo. En esta parte:

Código PHP:

if($("input:checkbox[name^='chk_registro_']").is(":checked")){
            var g = $("input:checkbox[name^='chk_registro_']").attr("id");
            alert(g+" tiene check");
 
Las 2 anteriores líneas, solo me captan el ID del primer checkbox.
Si no hay un checkbox con true, no ingresa al "If" y no muestra el alert(). 
Hasta aqui muy bien.
 
Pero si selecciono 'n' checkbox, solo me muestra el primer ID de la
columna de checkbox.
 
} // if
 

Solo necesito el código que me permita guardar solo los ID con checkbox

¿Cómo podría hacerlo?

Gracias amigos.

[ryugen]

Código Javascript:

$('#borrar').click(function(){
         var ids = '';
        $("input:checkbox[name^='chk_registro_']").each(function(index,e){
            var $this = $(this);
            if($this.is(":checked")){
                var g = $this.attr("id");
                alert(g+" tiene check");
                ids += g +',';
            } // if
       
        });
     
    });
 

[Aijoona]

Se puede hacer más lindo:

Código Javascript:

$('button').click(function() {
    var ids;
    
    ids = $('input[type=checkbox]:checked').map(function() {
        return $(this).attr('id');
    }).get();
    
    alert('IDS: ' + ids.join(', '));
});
 

Ejemplo andando: http://jsfiddle.net/8zHd6/

[ryugen]

Gracias! Excelente uso! Podrías explicar que funcion cumple la funcion get(), busqué en la documentación de jQuery pero ninguna explica esa funcionalidad
http://api.jquery.com/jQuery.get/
gracias

[Aijoona]

En realidad es este get: http://api.jquery.com/get/

Devuelve los elementos contenidos en el objeto jQuery como un array.

[ryugen]

Gracias nuevamente.

[ghidalgoram]

Hola amigo ryugen y Aijoona por su gran ayuda. Les agradezco mucho.
Ya pude hacer lo que necesitaba.

Voy a dejar el código completo de un botón borrar registros que tiene check. Espero que le sea útil a algún miembro de la comunidad.

No usé DIV's sino tablas para mostrar listados. Entonces, cada registro es una fila con su propio ID. Dentro de la fila tiene propio checkbox con su ID.

Gracias de nuevo y feliz año 2012. Grandes bendiciones para todos.

Código:

Código Javascript:

var OP_DELETE = 7;
var nombre_id_fila = "#tr_registro_"; // nombre de la fila de cada registro. Es para borrarlo.
var nombre_id_checkbox = "chk_registro_"; // nombre del checkbox. Ej: chk_registro_15
 
$('#btn_borrar').click(function(){
 
    var arr_checkbox_cheked;
    var array_delete_regs = Array();
    var elem = Array();
    
    if($("input:checkbox[name^='"+nombre_id_checkbox+"']").is(":checked")){ // Al menos un checkbox en true
        arr_checkbox_cheked = $('input[type=checkbox]:checked').map(function() {
            return $(this).attr('id');
        }).get();
 
 
       for(celda=0;celda<arr_checkbox_cheked.length;celda++)
       {
         var numero_id = arr_checkbox_cheked[celda].split('_'); // chk_registro_10
         array_delete_regs[celda] = numero_id[2];
       }
 
        // Ajax, borrar registros en la base de datos.
        var variables = "array_delete_regs="+array_delete_regs+"&int_op="+OP_DELETE+"&int_id=0";
 
        $.ajax({ 
          data: variables,
          type: "POST",
          url: "folder/archivo.php",
          contentType:"application/x-www-form-urlencoded",
          error: function(){
            $("#error_envio_datos").show("slow");
          },        
 
        });
        
        var select_names = "";
        for(pos=0; pos<array_delete_regs.length;pos++)
        {   
           select_names = select_names+"#tr_registro_"+array_delete_regs[pos];
            if((pos+1) < array_delete_regs.length)
            {
              select_names= select_names+", ";// 2 ó más elementos.
            }
            
        }//for
 
        // Eliminar fila(s) de la tabla.
        $(select_names).fadeTo(2000, 0, function () {
        $(select_names).remove();
        
        var refrescar = location.href;
        $("#show_mensajes").html("Operación realizada. <a href='"+refrescar+"'>Actualizar página.</a>");
        $("#show_mensajes").addClass("accion1");
     });
 
    }// if
 
});