Realizar Calculos en tabla con filas repetidas por bucle FOR de PHP

[lubtufano]

El problema es que los nombres de los campos de texto se repiten dependiendo de la cantidad de productos, por ejemplo, si se tienen 5 productos entonces se tendra 5 INPUT con name="numero1", 5 con name="numero2", 5 con name="numero3", etc. entonces cuando se llama a la función fncSumar() javascript no sabe cuales campos debe utilizar ya que hay varios que tienen el mismo atributo name. Es mejor utilizar los metodos DOM para asi indicar que se tomen en cuenta solo los campos de la misma fila. Prueba esta función que sirve bien.

Código Javascript:

<script>
function fncSumar(elem){
var caja= document.forms["sumar"].elements; 
var fila= elem.parentNode.parentNode;
var numeros= fila.getElementsByTagName('input');
var resultado= 0;
for(i=0; i<numeros.length-1; i++)
{
  resultado+= Number(numeros[i].value);
}
 
if(!isNaN(resultado)){
numeros[numeros.length-1].value= resultado;
}
}
</script>
 

Para llamarla se debe pasar la palabra clave this como parametro.

Código javascript:

<?php
    for ($i = 0; $i < count($listaPdtos); $i++) {
?>
        <tr<?php echo ($i % 2 == 0) ? " class=\"impar\"" : "" ?>>
            <td class="text"><?php echo $listaPdtos[$i] ?></td>
            <td class="number"><input type="text" name="numero1" 
 
size="2" onKeyUp="fncSumar(this)" /></td>
            <td class="number"><input type="text" name="numero2" 
 
size="2" onKeyUp="fncSumar(this)" /></td>
        <td class="number"><input type="text" name="numero3" size="2" 
 
onKeyUp="fncSumar(this)" /></td>
        <td class="number"><input type="text" name="numero4" size="2" 
 
onKeyUp="fncSumar(this)" /></td>
            <td class="number"><input type="text" name="numero5" 
 
size="2" onKeyUp="fncSumar(this)" /></td>
        <td class="number"><input type="text" name="numero6" size="2" 
 
onKeyUp="fncSumar(this)" /></td>
        <td class="number"><input type="text" name="numero7" size="2" 
 
onKeyUp="fncSumar(this)" /></td>
            <td class="number"><input type="text" name="numero8" 
 
size="2" onKeyUp="fncSumar(this)" /></td>
        <td class="number"><input type="text" name="numero9" size="2" 
 
onKeyUp="fncSumar(this)" /></td>
        <td class="number"><input type="text" name="numero10" size="2" 
 
onKeyUp="fncSumar(this)" /></td>
            <td class="number"><input type="text" name="numero11" 
 
size="2" onKeyUp="fncSumar(this)" /></td>
        <td class="number"><input type="text" name="numero12" size="2" 
 
onKeyUp="fncSumar(this)" /></td>
        <td class="number"><input type="text" name="resultado" size="4" 
 
/></td>
        </tr>
<?php
    }
?>