Hola,
He hecho un pequeño formulario que suma las distintas opciones elegidas pero tengo un pequeño problema a la hora de insertar un botón de borrar.
Cuando marco los checkbox o selecciono una opción del select pues hace la suma correctamente. Si pulso en borrar todo desaparece pero cuando vuelvo marcar algún checkbox pues guarda la cantidad marcada antes de borrar.
Da igual cuantas veces borre ya que la cantidad siempre queda fijada, me gustaría saber como borrarlo.
He pensado que tal vez pueda hacer una función que al ser llamada con un onclick="mifuncion()" desde el botón de borrar pues borre el valor que queda guardado en el input de totalsiniva2 pero no se como podría hacerlo, he estado haciendo pruebas pero sigo en las mismas.
¿Alguna idea? Aquí dejo el pequeño form
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
function Suma(isChecked, valor){
if (isChecked) {
siniva2 = (parseFloat(document.sumar2.totalsiniva2.value) + parseFloat(valor)).toFixed(2);
} else {
siniva2 = (parseFloat(document.sumar2.totalsiniva2.value) - parseFloat(valor)).toFixed(2);
}
document.sumar2.totalsiniva2.value = siniva2;
document.sumar2.total2.value = siniva2;
}
//almaceno el valor original en una variable para saber qué tenía antes.
var valor_viejo = 0;
function SumaSelect(valor){
siniva2 = (parseFloat(document.sumar2.totalsiniva2.value) + parseFloat(valor) - valor_viejo).toFixed(2);
document.sumar2.totalsiniva2.value = siniva2;
document.sumar2.total2.value = siniva2;
valor_viejo = valor;
}
</script>
</head>
<body>
<table border="1">
<tr>
<td>
<form name="sumar2" method="post" id="sumar2">
<label for="FOR">Pack</label> <select name="NAME" id="ID" onchange="SumaSelect(this.value)">
<option selected="selected" value="0">
Selecciona un Pack
</option>
<option value="10.00">
Pack Uno 10€
</option>
<option value="20.00">
Pack Dos 20€
</option>
</select>
<p>
Super Pack U <input type="checkbox" value="1.00" id="Prod2" name="Prod2" onclick="Suma(this.checked,this.value)">1.00 €
</p>
<p>
Super Pack D <input type="checkbox" value="2.00" id="Prod3" name="Prod3" onclick="Suma(this.checked,this.value)">2.00 €
</p>
<p>
Super Pack T <input type="checkbox" value="3.00" id="Prod4" name="Prod4" onclick="Suma(this.checked,this.value)">3.00 €
</p>
<p>
Super Pack C <input type="checkbox" value="4.00" id="Prod5" name="Prod5" onclick="Suma(this.checked,this.value)">4.00 €
</p>
<p>
Super Pack C <input type="checkbox" value="5.00" id="Prod6" name="Prod6" onclick="Suma(this.checked,this.value)">5.00 €
</p><input type="hidden" value="" id="totalsiniva2" name="totalsiniva2">
<p>
<b><font color="#999999">Total</font></b>
<input name="total2" type="text" disabled id="total2" value="">
€
</p>
<button role="button" type="reset">BORRAR</button>
</form>
</td>
</tr>
</table>
</body>
</html> Gracias!