Foros del Web - Ver Mensaje Individual - JQuery - Obetener valores de checkboxes y enviarlos con ajax

Dany_s · #2 (**permalink**) 13/12/2010, 15:34

http://api.jquery.com/serialize/

Código HTML:

Ver original<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Prueba</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(function(){
                $('#enviar').click( function(){
                    qs = $('form').serialize();
                    alert( qs );
                    return false;
                });
            });
        </script>
        <style>
 
        </style>
    </head>
    <body>
 
    <table>
        <form action="">
            Numeros:
            <div>
            Uno: <input type="checkbox" name="numero" value="1" />
            Dos: <input type="checkbox" name="numero" value="2" />
            Tres: <input type="checkbox" name="numero" value="3" />
            Cuatro: <input type="checkbox" name="numero" value="4" />
            Cinco: <input type="checkbox" name="numero" value="5" />
            </div>
            Letras:
            <div>
            A: <input type="checkbox" name="letra" value="a" />
            B: <input type="checkbox" name="letra" value="b" />
            C: <input type="checkbox" name="letra" value="c" />
            D: <input type="checkbox" name="letra" value="d" />
            E: <input type="checkbox" name="letra" value="e" />
            </div>
            <input type="submit" id="enviar" value="Enviar" />
        </form>
    </table>
 
    </body>
</html>