Selecciona 1 o más de los siguientes artículos
Allienware $1,250.00
OMEN $750.00
Legion $895.00
Predator $1,000.00
Submit// función para añadir valor a los "checkbox" y mostrar totalfunction calcTotal(){
<body>
<form>
<p><h2>Selecciona 1 o más de los siguientes artículos</h2></p>
<br><br>
<hr>
<input type="checkbox" name="laptop"> Allienware $1,250.00
<br><br>
<input type="checkbox" name="laptop"> OMEN $750.00
<br><br>
<input type="checkbox" name="laptop"> Legion $895.00
<br><br>
<input type="checkbox" name="laptop"> Predator $1,000.00
<br><br>
<hr />
<button id="sButton" type="submit"> Submit</button>
<p id="Total"></p>
</form>
<script>
// función para añadir valor a los "checkbox" y mostrar total
function calcTotal() {
var itemTotal = 0;
var items = document.getElementsByTagName("input");
laptop[0] = $1250.00
laptop[1] = $750.00
laptop[2] = $895.00
laptop[3] = $1000.00
for (var i = 0; i <4; i++) {
if (items[i].checked) {
itemTotal += (items[i].value * 1);
}
}
document.getElementById("Total").innerHTML = "El total de su orden es $" + itemTotal + ".00";
// añadir detector de eventos compatible hacai atras al toón enviar
var submitButton = document.activeElementById("sButton");
if (submitButton.addEventListener) {
submitButton.addEventListener("click", calcTotal, false);
}
else if (submitButton.attachEvent) {
submitButton.attachEvent("onclick", calcTotal);
}
</script>