Hola compañeros,
Estoy tratando de hacer un pequeño formulario con el cual sumar las distintas opciones elegidas pero me encuentro con una duda que no consigo resolver por mi mismo.
Utilizando el buscador del foro encontré este código, actualmente suma automáticamente los checkbox del formulario y los muestra al final.
Por mi parte, he insertado una Lista con otros valores que también me gustaría que fueran sumados cuando el usuario eligiera una de las distintas opciones.
Mi problema es ese, que no consigo entender que código javascript he de añadir para que ahora también sume la opción elegida en el List
Aquí el código de ejemplo que he ido sacando de aquí y de allá.
Código HTML:
<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;
}
</script>
</head>
<body>
<table border="1">
<tr>
<td>
<form name="sumar2" method="POST">
<label for="FOR">Pack</label>
<select name="NAME" id="ID">
<option selected>Selecciona un Pack</option>
<option value="10.00">Pack Uno</option>
<option value="20.00">Pack Dos</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="0.00" id="totalsiniva2" name="totalsiniva2" />
<p><b><font color="#999999">Total </font></b> <input id="pago" type="text" id="total2" name="total2" value="0" disabled /> €</p>
</form>
</td>
</tr>
</table>
</body>
</html> Gracias!