JQuery - Obetener valores de checkboxes y enviarlos con ajax

ColdFusion · #1 (**permalink**) 13/12/2010, 11:34

Hola veran este es mi gran problema, en PHP hago que se creen checkboxes, con datos de una db, la cual le llamo categorias las cuales quiero enviar su valor mediante ajax, pero el problema es que, como las categorias pueden creecer o ser menos es decir, que puedo agregar una nueva o eliminar alguna de la db no encuentro forma de obtner el valor de cada cada una de ellas..

alguien me ayuda?

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>

ColdFusion · #3 (**permalink**) 16/12/2010, 19:51

Muchas Gracias!!!! me funcionó.