Sumar valores de varios input

[freesoftwarrior]

Buenas tardes:
Tengo un formulario con 10 campos input en el que se van a ingresar datos numéricos y necesito crear una rutina que, según vayan ingresando y/o modificando los datos ingresados, se muestre el total. Se que es simple, pero hoy estoy mal mal mal y no logro concentrarme (es por el plazo de entrega).

Saliendo del paso cree esta función rudimentaria

function promedio()
{
var dato=0;
dato=dato+document.getElementById("cantidad1").val ue*1;
dato=dato+document.getElementById("cantidad2").val ue*1;
dato=dato+document.getElementById("cantidad3").val ue*1;
dato=dato+document.getElementById("cantidad4").val ue*1;
dato=dato+document.getElementById("cantidad5").val ue*1;
dato=dato+document.getElementById("cantidad6").val ue*1;
dato=dato+document.getElementById("cantidad7").val ue*1;
dato=dato+document.getElementById("cantidad8").val ue*1;
dato=dato+document.getElementById("cantidad9").val ue*1;
dato=dato+document.getElementById("cantidad10").va lue*1;

document.getElementById("promedio").value=dato*1;
}

que se activa con el evento onChange en cada uno de los 10 input mostrados (cantidad1, cantidad2, etc.)

¿Cómo puedo simplificar este código?

Agradezco desde ya el apoyo brindado.

Un saludo desde Lima, Perú

[Dradi7]

Iniciado por freesoftwarrior

Buenas tardes:
Tengo un formulario con 10 campos input en el que se van a ingresar datos numéricos y necesito crear una rutina que, según vayan ingresando y/o modificando los datos ingresados, se muestre el total. Se que es simple, pero hoy estoy mal mal mal y no logro concentrarme (es por el plazo de entrega).

Saliendo del paso cree esta función rudimentaria



que se activa con el evento onChange en cada uno de los 10 input mostrados (cantidad1, cantidad2, etc.)

¿Cómo puedo simplificar este código?

Agradezco desde ya el apoyo brindado.

Un saludo desde Lima, Perú

Saludos hermano peruano

podrias hacerlo de la siguiente forma por ejemplo

Código Javascript:

var nodes = document.getElementsByTagName('input')
var total=0;
for(var x=0;obj[x],x++){
if(ob[x].name.indexOf("cantidad")!=-1){
total+=obj[x].value;
}
document.getElementById("promedio").value = total;
}
 

EL unico problema con este codigo es que recorre todos los input que existe en tu formulario otra forma de como podrias hacerlo es asignando por ejemplo un name comun en cada input y en nodes pondrias esto document.getElementsByName('myname')

[fjrueda]

una solucion y tomando en cuenta lo que dice Dradi7 .....

Una solución con JQuery es la siguiente:

Código Javascript:

$('.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.

[Dradi7]

Iniciado por fjrueda

una solucion y tomando en cuenta lo que dice Dradi7 .....

Una solución con JQuery es la siguiente:

Código Javascript:

$('.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.

Tu código esta bien para que, pero me parece demasiado solo para un ejemplo pequeño me refiero a tener que usar una librería para este ejemplo

[freesoftwarrior]

Mil gracias a todos por sus respuestas. Mis disculpas por la demora pero cogí una gripe y recién me he podido reintegrar a mis quehaceres.

Un saludo desde Lima, Perú