[SOLUCIONADO] Sumar input´s dinamicos

[hernan2212]

Hola, como están? espero que bien.
Les comento mi problema, estoy generando de manera dinámica con xajax unos campos hidden, necesito hacer la suma de ellos y no tengo la mas minima idea de como se hacen.
Los campos llevan el nombre importe1, importe2, importe3 ....
El campo que quiero rellenar con el valor obtenido se llama total.
Saludos.

[alberto510a]

Hola tendrías que agregarle a cada campo un id y hacer esto:

Código Javascript:

var 1 = parseInt(document.getElementById('id_importe_1').innerHTML);
var 2 = parseInt(document.getElementById('id_importe_2').innerHTML);
var 3 = parseInt(document.getElementById('id_importe_3').innerHTML);
 
var total = 1+2+3;
 
document.getElementById('total').innerHTML = total;
 

Lo que hacemos básicamente con esto es obtener el valor de cada campo y convertirlo y pasarlo de string a entero, los sumamos y le asignas ese valor al campo que se llama total.

Espero haberte ayudado,

Saludos!

[hernan2212]

Hola Alberto, gracias por responder. Intente implementar tu código pero no me sirvió o no se bien como implementarlo.
Te comento bien cual es el problema:
Tengo estos input´s por ejemplo:
<input name="importe1" id="importe1" type="text">
<input name="importe2" id="importe2" type="text">
<input name="importe3" id="importe3" type="text">
<input name="importe4" id="importe4" type="text">
Pueden ser más, pueden ser menos, se generan dinámicamente según lo que necesite el usuario.
tengo la posibilidad de a la hora que se vayan generando uno a uno de llamar a una función con on click para que vaya sumando los importes a un total y no tengo ni idea de como hacerlo.
Espero haber sido claro, sino con gusto les pego todo el código, como es muy largo más que simplificar creo que voy a complicar las cosas.
Desde ya muchas gracias por tu explicación anterior.
Saludos.

[alberto510a]

Hola de nuevo.

Si son inputs el total y los importes la cosa cambia y más si son generados dinámicamente, te pongo el script y te explico.

Código Javascript:

function calcular(){
var importes = document.getElementsByClassName('importe');
var total = 0;
for (var b=0;b<importes.length;b++){ 
total += parseFloat(importes[b].value);
}
document.getElementById('total').value = total;
}
 

Con esta función los inputs que sean creados dinámicamente haz que tengan todos la clase importe, este script lo que hace es obtener el array de todos ellos y mediante un bucle ir guardando en una variable todos los valores de ellos después esta variable es atribuida a un input con id total.

Debes tener en cuanto de que si el total lo representas en un div u otro no puedes usar ".value" sino ".innerHTML"

Añadí parseFloat en vez de parseInt porque pensé que al tratarse de importes te interesaría más guardar los decimales.

Saludos!

[hernan2212]

Buenísimo Alberto, me sirvió de mucho.
Muchísimas gracias.
Saludos!