Suma Input Dinámicos JavaScript

[a_mr]

Hola, tengo dudas con esto necesito hacer una multiplican de los input txtDias[] * txtSdi[] + txtBono[] y sacar el resultado en el txtSueldo[] y todos los txtSueldo[] Sumarlos en txtTotal, así como tengo declarada la función que es CalculaSueldo, lo hace pero solo el primer renglón los de mas los omite y la suma de total la hace bien, ya sea juntar esas dos funciones en una o arreglar la función CalculoSueldo() , este es mi script...

<script>
function CalculoSueldo() {
var dias,sdi,bono,sueldo;
dias=document.getElementById("txtDias[]").value;
sdi=document.getElementById("txtSdi[]").value;
bono=document.getElementById("txtBono[]").value;
sueldo=parseFloat(dias)*parseFloat(sdi)+parseFloat (bono);
document.getElementById("txtSueldo[]").value=sueldo;
}

function SumaTotal(){
var arr = document.getElementsByName('txtSueldo[]');
var tot=0;
for(var i=0;i<arr.length;i++){
if(parseFloat(arr[i].value))
tot += parseFloat(arr[i].value);
}
document.getElementById('txtTotal').value = tot;
}
</script>
<table width="auto" align="center">
<tr>
<td align="center">Dias</td>
<td align="center">SDI</td>
<td align="center">Bono</td>
<td align="center">Sueldo</td>
</tr>
<tr>
<td align="center"> <input type="text" id="txtDias[]" name="txtDias[]" onKeyup="CalculoSueldo()" value="1" size="5" maxlength="2" /></td>
<td align="center"> <input type="text" id="txtSdi[]" name="txtSdi[]" onKeyup="CalculoSueldo()" size="5" maxlength="5" value="10" /></td>
<td align="center"> <input type="text" id="txtBono[]" name="txtBono[]" onKeyup="CalculoSueldo()" value="5" size="5"/> </td>
<td align="center"> <input type="text" id="txtSueldo[]" name="txtSueldo[]" value="" size="5" maxlength="5" onkeyup="SumaTotal()" /></td>
</tr>
<tr>
<td align="center"> <input type="text" id="txtDias[]" name="txtDias[]" onKeyup="CalculoSueldo()" value="1" size="5" maxlength="2" /></td>
<td align="center"> <input type="text" id="txtSdi[]" name="txtSdi[]" onKeyup="CalculoSueldo()" size="5" maxlength="5" value="10" /></td>
<td align="center"> <input type="text" id="txtBono[]" name="txtBono[]" onKeyup="CalculoSueldo()" value="5" size="5"/> </td>
<td align="center"> <input type="text" id="txtSueldo[]" name="txtSueldo[]" value="" size="5" maxlength="5" onkeyup="SumaTotal()" /></td>
</tr>
<tr>
<td align="center"> <input type="text" id="txtDias[]" name="txtDias[]" onKeyup="CalculoSueldo()" value="1" size="5" maxlength="2" /></td>
<td align="center"> <input type="text" id="txtSdi[]" name="txtSdi[]" onKeyup="CalculoSueldo()" size="5" maxlength="5" value="10" /></td>
<td align="center"> <input type="text" id="txtBono[]" name="txtBono[]" onKeyup="CalculoSueldo()" value="5" size="5"/> </td>
<td align="center"> <input type="text" id="txtSueldo[]" name="txtSueldo[]" value="" size="5" maxlength="5" onkeyup="SumaTotal()" /></td>
</tr>
<tr>
<td align="center"> <input type="text" id="txtDias[]" name="txtDias[]" onKeyup="CalculoSueldo()" value="1" size="5" maxlength="2" /></td>
<td align="center"> <input type="text" id="txtSdi[]" name="txtSdi[]" onKeyup="CalculoSueldo()" size="5" maxlength="5" value="10" /></td>
<td align="center"> <input type="text" id="txtBono[]" name="txtBono[]" onKeyup="CalculoSueldo()" value="5" size="5"/> </td>
<td align="center"> <input type="text" id="txtSueldo[]" name="txtSueldo[]" value="" size="5" maxlength="5" onkeyup="SumaTotal()" /></td>
</tr>
<tr>
<td align="right" colspan="3">TOTAL:</td>
<td align="left" colspan="1"> <input type="text" id="txtTotal" name="txtTotal" value=" " size="5" maxlength="7"/> </td>
</tr>
</table>

[a_mr]

Alguien que me pueda Ayudar :S

[ocp001a]

Creo que el problema es que les pones el mismo id a todos los elementos txtDias[] para el name está bien, pero para el id sería mejor que hicieras algo como

txtDias1,txtDias2,txtDias3... etc.

y al llamar a la función pasar el número de campo, así podrías hacer una función más o menos así:

Código Javascript:

function CalculoSueldo(n) {
   var dias,sdi,bono,sueldo;
   dias=document.getElementById("txtDias"+n).value;
   sdi=document.getElementById("txtSdi"+n).value;
   bono=document.getElementById("txtBono"+n).value;
   sueldo=parseFloat(dias)*parseFloat(sdi)+parseFloat (bono);
   document.getElementById("txtSueldo"+n).value=sueldo;
}
 

el html podría ser algo así:

Código HTML:

<input type="text" id="txtDias1" name="txtDias[]" onKeyup="CalculoSueldo(1)" ...>
 

[a_mr]

Lo que pasa es que son inputs dinámicos generados por una base de datos el script de php

[ocp001a]

Iniciado por a_mr

Lo que pasa es que son inputs dinámicos generados por una base de datos el script de php

Bien, ¿y el problema es...?