Problema con input type checkbox

feeeeeR · #1 (**permalink**) 06/05/2011, 08:50

Buenas, estoy intentando que al pulsar un botón compruebe los distintos checkbox que hay en la web y muestre un ALERT con el atributo name de cada uno de ellos que se encuentre marcado. Mi código es el siguiente:

Código:

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
</head>
<body>
 <script type="text/javascript"> 
$(document).ready(function() {
    $('#enviar').click(function() {
$("input[type=checkbox][checked]").each(
  var id = $(this).attr('name');  
function() { 
 alert(id); 
} 
);
           
        });
   });
   </script>
   	<input name="123" type="checkbox" value="" /><br />
	<input name="345" type="checkbox" value="" /><br />
	<input name="567" type="checkbox" value="" /><br />
	<input id="enviar" type="button" value="enviar" />
	</body>
	</html>

Pero no funciona. A ver si alguien podría ayudarme. Un saludo, gracias.

chicohot20 · #2 (**permalink**) 06/05/2011, 13:31

Primero fijate en la documentacion http://api.jquery.com/each como trabaja el each

Código HTML:

Ver original<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
</head>
<body>
 <script type="text/javascript"> 
$(document).ready(function() {
    $('#enviar').click(function() {
        $("input:checkbox:checked").each(function(index,el){
            var id = $(el).attr('name');  
            alert(id); 
        });
           
        });
   });
   </script>
    <input name="123" type="checkbox" value="" /><br />
    <input name="345" type="checkbox" value="" /><br />
    <input name="567" type="checkbox" value="" /><br />
    <input id="enviar" type="button" value="enviar" />
    </body>
    </html>

feeeeeR · #3 (**permalink**) 06/05/2011, 15:41

Así va perfecto, era eso. Muchas gracias!!