Cómo tomo el valor de un grupo de checkbox en jQuery?

[fakulicious]

Hola, cómo están? Tengo un problema con un formulario que estoy haciendo. En éste formulario tengo (entre otras cosas) un grupo de checbox con 5 opciones, de las cuales se pueden tildar más de una. Lo que no logro conseguir es tomar el valor de las opciones seleccionadas, lo que necesito es generar un array con los valores de las opciones que el usuario seleccionó.

Por ejemplo:

seleccionadas = (Opcion 1, Opcion 3, Opcion 5)

Probé haciendo un alert() con lo que encontré en internet, pero solo conseguí recuperar uno de los valores, no consigo recuperarlos todos los seleccionadas.

El código donde están los checkbox es:

Código HTML:

 <label for="tamanoAjo_0">26 - 35mm</label>
            <input name="tamanoAjo" type="checkbox" class="checkbox" id="tamanoAjo_0" value="26 - 35mm" />
          <br />
          <label for="tamanoAjo_1">36 - 45mm</label>
            <input name="tamanoAjo" type="checkbox" class="checkbox" id="tamanoAjo_1" value="36 -45mm" />
          <br />
          <label for="tamanoAjo_2">46 - 55mm</label>
            <input name="tamanoAjo" type="checkbox" class="checkbox" id="tamanoAjo_2" value="46-55mm" />
          <br />
          <label for="tamanoAjo_3">56 - 65mm</label>
            <input name="tamanoAjo" type="checkbox" class="checkbox" id="tamanoAjo_3" value="56-55mm" />
          <br />
          <label for="tamanoAjo_4">66 - 75mm</label>
            <input name="tamanoAjo" type="checkbox" class="checkbox" id="tamanoAjo_4" value="66-75mm" />
		  <br /> 

El código jQuery que usé es:

Código HTML:

<script type="text/javascript">
$(document).ready(function(){
	$('#enviarAjo').click(function(){
		alert($('input[name="tamanoAjo"]:checked').val());
	});
});
</script> 

Eso me devuelve en el alert() el valor de la primera opción que está seleccionada, no me devuelve el valor de TODAS las que están seleccionadas.

Espero que alguien pueda ayudarme porque la verdad es que me estoy volviendo loco con esto.

Desde ya muchísimas gracias!! Saludos!!

[kokoou]

Código Javascript:

<script type="text/javascript">
$(document).ready(function(){
        var seleccionadas = new Array();
        var indice = 0;
    $('.checkbox').each(function(){
        if( this.attr('checked'){
                    indice = indice + 1; // o indice++; no recuerdo si es así en js
                    seleccionadas[indice] = this.val();
                }
    });
});
</script>
 

[Dany_s]

asi ya selecciona los checkbox que estan seleccionados
$(":checkbox:checked")

[fakulicious]

Gracias por responder, pero sigo sin hacerlo funcionar.

kokoou: usé ese código, modificandolo un poco para que se ejecute al hacer clic en el botón, y cuando hago clic no pasa nada.

Código HTML:

<script type="text/javascript">
$(document).ready(function(){
	$('#enviar').click(function(){
		var seleccionadas = new Array();
		var indice = 0;
		$('.checkbox').each(function(){
			if(this.attr('checked')){
				indice++; // o indice++; no recuerdo si es así en js
				seleccionadas[indice] = this.val();
			}
			alert(seleccionadas);
		});
		alert($(":checkbox:checked").val());
	});
});
</script> 

Pero si creo un array manualmente, si me lo muestra. Con este código:

Código HTML:

<script type="text/javascript">
$(document).ready(function(){
	$('#enviar').click(function(){
		var miArray = new Array(3);
		
		miArray[0] = 155;
		miArray[1] = 4;
		miArray[2] = 499;
		
		alert(miArray);	
	});
});
</script> 

Dany_s:ya había probado con él código que vos diste, pero por las dudas lo volví a probar y nada. Selecciono por ejemplo 3 checkbox, y el alert me devuelve el valor del primero seleccionado nada más. Por ejemplo, tengo los checkbox A, B, C, D y E, y selecciono B, D y E. Me devuelve B. Si selecciono C, D y E, me devuelve C. Siempre el primero de todos los seleccionados, se entiende? yo necesito que me devuelva un array tipo C,D,E.

Espero que puedan ayudarme, saludos!

[fakulicious]

Acabo de encontrarlo, lo dejo por si alguien lo necesita:

Código HTML:

<script type="text/javascript">
$(document).ready(function(){
	$('#enviar').click(function(){
		var selectedItems = new Array();
		
		$("input[@name='itemSelect[]']:checked").each(function(){
			selectedItems.push($(this).val());
		});
		
		alert(selectedItems);
	});
});
</script> 

Muchas gracias a los que intentaron ayudarme! =D

Saludos.

[Huacho12]

Hola a todos!!!!!

Ya se que va contra las reglas del foro el de retomar temas cerrados o en los cuales se han solucionado las dudas... pero......

Yo tambien tenia el mismo problema de como obtener el valor seleccionado de un grupo de checkbox y buscando me tope con este TEMA..........

La ultima solucion que pone fakulicious, es fantastica ya la probe y si funcion a la perfección........

Código Javascript:

<script type="text/javascript">
$(document).ready(function(){
    $('#enviar').click(function()
        {
        var selectedItems = new Array();
        
                $("input[@name='itemSelect[]']:checked").each(function(){
            selectedItems.push($(this).val());
        });
        
        alert(selectedItems);
    });
});
</script>
 

Pero tambien la que puso kokoou, solo que no esta del todo completo....... son detallitos los cuales hacia falta ponerles para que funcionara:

Código Javascript:

<script type="text/javascript">
$(document).ready(function(){
    $('#enviar').click(function()
       {
        var selectedItems= new Array();
                var indice=0;
      $('[name=nameCheckBox]').each(function()
        {
            if( $(this).attr('checked') )
            {                           
                selectedItems[indice] = $(this).val();//El indice inicial cera 0
                    indice++; //paso a incrementar el indice en 1
            }
        });
        alert(selectedItems);
    });
});
</script>
 

Espero les puedan servir......a mi si me funcionaron!!!! XD

[rigo2015]

Hola amigos, y disculpas por realizar otra pregunta en este foro, que creo es el indicado, tengo casi el mismo problema pero dentro de una "paginacion" de datos. Osea tengo por ejemplo como 30 registros, paginados de 10 en 10 todos estos le puse un boton de checkbox para que el usuario pueda seleccionar los que quiera y de la pagina que quiera pero al querer recuperar en otra pagina estos checkbox seleccionados, no me recupera, por ejemplo de la paginacion del 20 al 30.
Alguna idea de como puedo rescatar estos valores de checkbox seleccionados en diferentes paginas. De antemano muchas gracias... help, help, help