Estoy programando una tabla donde incluye campos para calcular precio * cantidad
y colocando el resultado en otro campo de la misma linea para totalizarlos (tipo factura).
Estoy usando una funcion Javascript
, uso un for
para recorrer los arrays
de los nombres de los inputs
y no hay manera de que funcione, solo funciona colocando una línea por cada cálculo pero cuando coloco la estructura iterativa como For
o Do While
solo totaliza la primera linea.
<!DOCTYPE html>
<html>
<body>
<input type="text" id="cantidad" name="cantidad[]" value="" onkeyup="totalizar()">
<input type="text" id="precio" name="precio[]" value="1200">
<input type="text" id="total" name="total[]" value=""><br>
<input type="text" id="cantidad" name="cantidad[]" value="" onkeyup="totalizar()">
<input type="text" id="precio" name="precio[]" value="2000">
<input type="text" id="total" name="total[]" value=""><br>
<input type="text" id="cantidad" name="cantidad[]" value="" onkeyup="totalizar()">
<input type="text" id="precio" name="precio[]" value="5000">
<input type="text" id="total" name="total[]" value=""><br>
<script>
function totalizar() {
cant = document.getElementsByName("cantidad[]");
pre = document.getElementsByName("precio[]");
tot = document.getElementsByName("total[]");
x=0;
tot[x].value = cant[x].value * pre[x].value;
tot[x+1].value = cant[x+1].value * pre[x+1].value;
tot[x+2].value = cant[x+2].value * pre[x+2].value;
}
</script>
</body>
</html>