Suma mismo input (array)

[Briss]

Hola a todos intento sumar mi aporte es un input array y tiene un indice en el id para diferenciarlo... estoy tratando de sumar todos esos inputs, pero no consigo tengo este código que supongo tiene muchos errores (estoy trabajando apenas con javascript)
ojala alguien me pueda ayudar de antemano gracias

Código HTML:

<input type='text' name='aporte[]' id='aporte$i' value='' size='5'  />
<script type="text/javascript">
function suma(i) {
    
    var sumar = document.getElementById('aporte' + i).value;
   
    total += sumar;
 document.getElementById('totalapagar').value = total;
    
}
</script>

<input type='text' name='totalapagar' id='totalapagar' value='' size='5' onClick='suma($i);'  /> 

[ocp001a]

Si tienes esos inputs dentro de un form, es fácil recorrerlo.

Código HTML:

<form name="productos">
    <input type="text" name="aporte[]" value="10" />
    <input type="text" name="aporte[]" value="20" />
    <input type="text" name="aporte[]" value="30" />
    <input type="button" value="sumar" onclick="suma(this.form)" />
    <input type="text" name="total" id="total" value="" />
</form>
 

Código Javascript:

suma=function(f){
    var total=0;
    for(var x=0;x<f.length;x++){//recorremos los campos dentro del form
        if(f[x].name.indexOf('aporte')!=-1){//si el nombre campo contiene la palabra 'aporte'
            total+=Number(f[x].value);//sumamos, convirtiendo el contenido del campo a número
        }
    }
    document.getElementById('total').value=total;//al final colocamos la suma en algún input.
}
 

[Briss]

Iniciado por ocp001a

Si tienes esos inputs dentro de un form, es fácil recorrerlo.

Código HTML:

<form name="productos">
    <input type="text" name="aporte[]" value="10" />
    <input type="text" name="aporte[]" value="20" />
    <input type="text" name="aporte[]" value="30" />
    <input type="button" value="sumar" onclick="suma(this.form)" />
    <input type="text" name="total" id="total" value="" />
</form>
 

Código Javascript:

suma=function(f){
    var total=0;
    for(var x=0;x<f.length;x++){//recorremos los campos dentro del form
        if(f[x].name.indexOf('aporte')!=-1){//si el nombre campo contiene la palabra 'aporte'
            total+=Number(f[x].value);//sumamos, convirtiendo el contenido del campo a número
        }
    }
    document.getElementById('total').value=total;//al final colocamos la suma en algún input.
}
 

Gracias ocp001a funciona perfecto... entiendo que verifica el nombre para sumar.... no me queda muy claro esto suma=function(f) ... f es un elemento de aporte???? bueno es como si tuviera aporte' + i ?????
gracias nuevamente

[Alexis88]

Iniciado por Briss

no me queda muy claro esto suma=function(f) ... f es un elemento de aporte?

Es otra forma de declarar una función. Hubiera dado igual si lo hacías así:

Código Javascript:

function suma(f){
    //Instrucciones
}
 

Sin embargo, si declaras a la función de la forma en que nuestro amigo ocp001a indica, las llamadas a la función solamente podrás hacerlas después de la función, no antes como sí podrías hacerlo con la función nombrada que te puse de ejemplo.

Saludos