Llevo ya un par de horas intentando hacer mi primer formulario de calculo en tiempo real y no hay manera.
La idea es:
3 checkbox (cada checkbox tiene un valor diferente, en este caso 10, 15 y 20 leuros)
3 campos en blanco numericos (cada campo x se mutiplica por un importe diferente, en este caso 30, 35 y 40 leuros)
El total (la suma de los 3 checkbox y los 3 campos)
Aqui os dejo el rompecabezas
Código HTML :
<head>
<script type="text/javascript">
function sumar(c){
var subtotal = 0;
campo = c.form;
if(!/^\d*$/.test(c.value)) return;
for (var i = 0; i < campo.length-1; i++) {
if (!/^\d+$/.test(campo[i].value)) continue;
subtotal += parseInt(campo[i].value);
}
document.getElementById('res').value = subtotal;
}
function Suma2(isChecked, valor){
if (isChecked) {
total = (parseFloat(document.sumar2.total.value) + parseFloat(valor)).toFixed(2);
} else {
total = (parseFloat(document.sumar2.total.value) - parseFloat(valor)).toFixed(2);
}
document.sumar2.total.value = total;
document.sumar2.total2.value = parseFloat(siniva2).toFixed(2);
}
</script>
</head>
<body style="text-align: right">
<form name="sumar2" method="POST">
<input type="hidden" value="0.00" id="total" name="total" />
<p style="text-align: left">10 € <input type="checkbox" value="10" id="Prod4" name="Prod4" onClick="Suma2(this.checked,this.value)" /></p>
<p style="text-align: left">15 € <input type="checkbox" value="15" id="Prod5" name="Prod5" onClick="Suma2(this.checked,this.value)" /></p>
<p style="text-align: left">20 € <input type="checkbox" value="20" id="Prod6" name="Prod6" onClick="Suma2(this.checked,this.value)" /></p>
<p style="text-align: left">
30€ x
<input type="text" name="sum[]" value="" onkeyup="sumar(this);" size="3" /><br />
35€ x
<input type="text" name="sum[]" value="" onkeyup="sumar(this);" size="3" /><br />
40€ x
<input type="text" name="sum[]" value="" onkeyup="sumar(this);" size="3" /><br />
</p>
<p style="text-align: left">
<b><font color="#999999">Total</font></b>
<input type="text" id="res + total12" value="" size="6" /> €
</p>
</form>
</body>
Gracias por las lecturas, + gracias por las respuestas y adoracion para la solucion. Me voy a dormir que estoy cansadete
Gracias por tu respuesta, pero la idea es que el resultado se actualizase mientras se escribe, no cuando cambias de box, por eso lo del onkeyup.
