lunes, 30 de enero de 2012

Sumar varios campos usando Jquery

El problema es el siguiente:

Tengo varios campos (inputs) de valores que debo agregar dinámicamente.  y estos valores deben ser sumados en un campo  TOTAL.

Una solución con JQuery es la siguiente:


   $('.valorequipo').live('keyup',function(){
       var add = 0;
        $('.valorequipo').each(function(){
            add += Number($(this).val());
         
        });
         $('#CompraTotalcompra').val(add);
    });
En este caso todos los inputs que quiero sumar de ben tener la clase "valorequipo".
Nótese que en lugar de "bind()" se usa "live()". Esto es por que los campo se van agregando dinámicamente. Si se usara bind(), solo se sumarían los campos presente en el formulario al momento de ejecutar el script.