acumular un columna de una tabla

mikil · #1 (**permalink**) 19/10/2007, 06:29

tengo una tabla de 5 columnas (codigo, desc, cantidad, precio, importe) que creo dinamicamente con DOM.
en cada celda hay un campo input que se llaman respectivamente ( codigo[], desc[], cantidad[], precio[], importe[])

necesito que despues al salir del precio me recorra la tabla y obtener el sumatorio de cantidad e importe.

parte del metodo de creacuón de los campos

Código HTML:

... 

objCell = objRow.insertCell(0);
    objCell.innerHTML = '<input name="cantidad[]" maxlength="20" type="text" id="cantidad[]" value="'+ camp3 +'" size="10" readonly/>';

    objCell = objRow.insertCell(0);
    objCell.innerHTML = '<input name="precio[]" maxlength="50" type="text" id="precio[]" value="'+ camp2 +'" size="40" readonly/>';

    objCell = objRow.insertCell(0);
    objCell.innerHTML = '<input name="importe[]" maxlength="50" type="text" id="importe[]" value="'+ camp +'" size="40" readonly/>';

gracias

chalchis · #2 (**permalink**) 19/10/2007, 11:28

sorry como que no te entendi = si pones un diseño de como deseas que quede seria mas util

saludos

mikil · #3 (**permalink**) 25/10/2007, 05:27

siento ho haber sido mas explícito, te explico:
imagínate un albaran de compra, y en su detalle tienes el encolumnado, de los articulos: codigo, descripción, cantidad, precio, importe
pues cada vez que finalizo la entrada de una linea quiero acumular la columna de importe de las n lineas que tiene ese albaran.
gracias

JavierB · #4 (**permalink**) 25/10/2007, 12:20

Hola mikil

A ver si este código te sirve de ayuda:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function sumar() {
  cant = 0; imp = 0;
  tab = document.getElementById('tabla');
  for (i=0; ele = tab.getElementsByTagName('input')[i]; i++) {
    num = (ele.value!='' && !isNaN(ele.value)) ? parseFloat(ele.value) : 0;
    if (ele.name=='cantidad[]') cant+=num;
    else if (ele.name=='importe[]') imp+=num;
  } 
  document.getElementById('cantidadTotal').value = cant; 
  document.getElementById('importeTotal').value = imp; 
}
</script>
</head>
<body>
<table id="tabla">
<tr>
<td><input name="cantidad[]" maxlength="20" type="text" /></td>
<td><input name="precio[]" maxlength="20" type="text" /></td>
<td><input name="importe[]" maxlength="20" type="text" /></td>
</tr>
<tr>
<td><input name="cantidad[]" maxlength="20" type="text" /></td>
<td><input name="precio[]" maxlength="20" type="text" /></td>
<td><input name="importe[]" maxlength="20" type="text" /></td>
</tr>
<tr>
<td><input name="cantidad[]" maxlength="20" type="text" /></td>
<td><input name="precio[]" maxlength="20" type="text" /></td>
<td><input name="importe[]" maxlength="20" type="text" /></td>
</tr>
<tr>
<td><input id="cantidadTotal" maxlength="20" type="text" /></td>
<td>&nbsp;</td>
<td><input id="importeTotal" maxlength="20" type="text" /></td>
</tr>
</table>
<input type="button" value="Sumar" onclick="sumar()" />
</body>
</html>

Saludo,

mikil · #5 (**permalink**) 26/10/2007, 05:59

funciona perfecto. Muchiiiiiisimas gracias.