Un getElementById dinamico realizar suma

[tazzwt]

Como puedo hacer esto dinamico ?

Yo capturo datos a traves del textfield, la cosa es que los textfield son dinamicos pueden ser 1 o 6 o más textfield.




Por ejemplo este es mi codigo estatico y funciona bien.

Código Javascript:

var numero1 = document.getElementById('textfield1').value;  
var numero2 = document.getElementById('textfield2').value;  
    
var resultado = numero1 + numero2; 
 
document.getElementById('resultado').value = resultado;
 

Como puedo hacer la suma dinamica ??

[zerokilled]

buenas,
yo te recomendaría que en lugar de asignar IDs, asignes un mismo valor al atributo name para todos los campos. luego lo obtienes a manera de array con document.getElementsByName. finalmente recorres el array con un bucle sumando cada value a una variable. recuerda convertir el value a tipo numérico (parseInt) antes de realizar la suma, de lo contrario estarias realizando una concatenación de string.

[tazzwt]

No se como usar el getElementsByName, bueno este es el codigo que tengo:

Código Javascript:

<?php
 
include("conexion.php");
$link=Conectarse();
 
echo "
<script language='JavaScript' type='text/javascript'>  
function suma(){ 
    
var capacidad=4;
var i=0;
var textfield = new Array();
while (i < capacidad) {
    textfield[i] = document.getElementById('textfield['+i+']').value;
    
    alert(textfield[i].value);
    i++;
}
    
}       
 
</script>  
";
 
 
$result=mysql_query("select * from articulos",$link); 
 
 
$x=0;
while($row = mysql_fetch_array($result)) {
$nombre = $row["nombre"];
$precio = $row["precio"];
 
echo "$nombre <input type=\"text\" value=\"textfield$x\" id=\"textfield$x\"/><br>";
 
$x++;
} 
  
echo "<br>";
echo "El total es: <input type='text' id='resultado'><br>";
 
echo "<br>";
 
echo " <input type='button' name='Submit' value='Sumar' onclick='suma()'> ";
 
mysql_close($link); 
 
?>
 

[tazzwt]

Tengo algo de codigo con el getElementsByName pero no funciona, siempre da como resultado cero. No suma los valores de los Input

Código Javascript:

<script language="javascript">
 
function sumar()
{
var total = 0;
var coleccion = document.getElementsByName("myInput[]");
 
for (i = 0; elem = coleccion[i]; i++) {
 
    total += (parseInt(elem[i].value));
    
}
 
alert(total);
 
    
}
 
</script>
 
 
<input name="myInput" type="text" value="1" size="20"><br>
<input name="myInput" type="text" value="2" size="20"><br>
<input name="myInput" type="text" value="4" size="20"><br>
<br>
<input name="mybutton" type="button" onclick="sumar()">
 

[zerokilled]

var coleccion = document.getElementsByName("myInput[]");
fijate el string que estas pasando a la funcion... no coincide con el name de los campos.

for (i = 0; elem = coleccion[i]; i++) {
total += (parseInt(elem[i].value));
elem es una referencia de un elemento del array, por lo que no tiene sentido tratarlo nuevamente como array. en otras palabras, elem es el campo en si.

[tazzwt]

muchas gracias zerokilled ahora funciona ....