name="precio[]" (Sumar muchos sin saber cuantos)

[cmarrero]

hola... tengo en la web un boton que me agrega el siguiente campo...

Código HTML:

<input name="precioItem[]" type="text" size="10"> 

cada vez que precio en agregar item, me agrega ese campo o sea si presiono 3 veces tendria

Código HTML:

<input name="precioItem[]" type="text" size="10">
<input name="precioItem[]" type="text" size="10">
<input name="precioItem[]" type="text" size="10"> 

Ahora lo que quiero hacer, es que en la misma pagina, cuando se ingresa un numero en uno de esos campos me diga el total en texto abajo de todo.

Es decir que si agrego en un input 20 y en otro 10, que me muestre en algun lado la sumatoria de eso..

Gracias

[caricatos]

Hola:

Puedes hacer un bucle:

suma = 0;
for (i = 0, items = document.forms[0]["precioItem[]"], total = items.length; i < total; i ++)
suma += parseInt(items[i].value);
alert(suma);

Saludos

[cmarrero]

Bien, el problema de hacer un bucle asi, es que necesito que este rodeado de un formulario, existe alguna manera de hacerlo sin que esten dentro de un form...

gracias

[zerokilled]

intenta con getElementsByName. utilizando el codigo de caricatos:

Código:

suma = 0;
for (i = 0, items = document.getElementsByName("precioItem[]"), total = items.length; i < total; i ++)
suma += parseInt(items[i].value);
alert(suma);