Como sumar columna de tabla

[lucianinski]

Hola llevo ya dias con esto y simplemente no puedo ayuda. Tengo una tabla que es creada mediante un foreach y no puedo saber cuantas filas tendra pues depende de unos productos que escoja el cliente, cada fila tiene el nombre del producto, el periodo de contratacion y su costo que se actualiza dinamicamente cuando el cliente elige el periodo de contratacion, pero quiero ahora sumar los subtotales y que actualice el costo total igual dinamicamente. Se que debo recurrir a una funcion javascript en el evento onchange del select de la periodicidad pero como no se cuantas filas tendra la tabla por ejemplo:

<tabla>
Producto----------------Costo-----------periodicidad------------subtotal

producto1--------------$145-------------select(2 año)------------$290
producto2--------------$160-------------select(1año)------------ $160
otros...
------------------------------------------Total:-------------- $450
</tabla>


Los subtotales ya los puedo actualizar dinamicamente con un script en el evento onchange del select, pero no lo puedo lograr en el total (en rojo) porque primero no se cuantas filas tendra la tabla y segundo no se si tengo que recurrir a las celdas o al div en que estan los subtotales, si alguien tiene una idea agradeceria la ayuda, gracias.

[maycolalvarez]

pero ese foreach a que script del lado de servidor corresponde, porque podrías hacerlo directamente desde allí, ¿no te parece?

[IsaBelM]

se me ocurre que cuando invoques a la función que hace la operación de subtotal, le añadas un ciclo for que recorra todos los td y con innerTHML obtengas el valor que hay impreso en cada subtotal. la iteración del for tendrá que ser, según el ejemplo que muestras, a cada 4 posiciones
for(var i = (indice primer subtotal); i < document.getElementsByTagName('td').length-2; i+=4)

[lucianinski]

Si exacto como dicen en el mismo script del subtotal quiero meter la parte del total lo que tengo hasta ahora es esto:

Código:

<script type="text/javascript">
<!--
//esta es la programación del subtotal

	function gox1(){
	var dato = document.form1.sel1.options[document.form1.sel1.selectedIndex].value;
	var costo = <?=$costo?>;
	var subtotal = dato*costo;	
	document.getElementById('1').innerHTML = subtotal;

//aqui inicia programacion del total
	
	var tottal = 0;
	var i = 0;
	for( i; document.tablita.rows[i]; i++) {
	tottal += Number(document.tablita.rows[i].cells[3].innerHTML);
	document.getElementById('mex').innerHTML = tottal;


}
//-->
</script>

Es lo que tengo no se que estoy haciendo mal aunque ya e intentado de varias otras maneras, pero intentare con la forma que me muestra IsaBelM a ver que pasa.

[lucianinski]

Nadie puede ayudarme plis no encuentro la solución por mas que intento, no quiero poner un botón que diga calcular.