Asociar eventos a varios elementos con jQuery

Vamos a ver como asociar un evento a varios elementos de nuestro HTML, usando jQuery.

Algunas veces nos encontramos con que queremos aplicar el mismo método a varios elementos de nuestro HTML,

Para empezar creamos un formulario base donde tendremos precio, iva y total.

Hasta aquí es todo muy simple, no hemos hecho nada más que crear un formulario teniendo los campos con los que queremos trabajar.

Y como lo que queremos es que se calcule el resultado, ya sea a través del precio o bien a través de modificar el iva.

Tenemos varias opciones para hacer dicho código con jQuery, bien podríamos duplicar llamar a una función que nos haga el trabajo cada vez que ocurra algo en uno de los dos elementos:

Con lo cual no queremos tener que hacer la llamada dos veces.

Y nosotros no queremos eso, nosotros queremos tener las dos acciones en una sola, así que lo que haremos esto:

Y así de simplemente separando con comas, los elementos, podemos usar el mismo método para ambos.

Esto también podemos aplicarlo al evento que queremos que se dispare, aunque esto es sin comas, es separado por espacios:

Como podéis ver, en los elementos con el id price y tax, saltará la función, si se hace keyup, change o paste.

Espero que os haya servido para vuestros proyectos.

Y recordad! No olvidéis comentar! Vuestro código y en el blog 😉

Comparte si te ha gustado:
Share on Facebook0Share on Google+0Tweet about this on TwitterShare on LinkedIn0Share on Tumblr0Digg this

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*
*