He intentado agregar un selector, para ingresar datos no solo por medio del checkbox, pero parece que debo crear una funcion para que tome los datos, y alli estoy trabado ahora. este me suma hasta los CEROS.
Coloco el script completo aver si me pueden ayudar:
<html>
<head>
<script>
var total=0;
function sumar(valor) {
total += valor;
document.formulario.total.value=total;
check_status();
}
function restar(valor) {
total-=valor;
document.formulario.total.value=total;
check_status();
}
function check_status() {
if (total < 3) {
var consola = document.getElementById("consola");
consola.innerHTML = "Go";
}
else if(total >=3) {
var consola = document.getElementById("consola");
consola.innerHTML = "Next";
}else{
var consola = document.getElementById("consola");
consola.innerHTML = "Next";
}
}
</script>
<script>
var total1=0;
function sumar1(valor) {
total1 += valor;
document.formulario1.total1.value=total1;
check_status1();
}
function restar1(valor) {
total1-=valor;
document.formulario1.total1.value=total1;
check_status1();
}
function check_status1() {
if (total1 < 3) {
var consola1 = document.getElementById("consola1");
consola1.innerHTML = "Go";
}
else if(total1 >=3) {
var consola1 = document.getElementById("consola1");
consola1.innerHTML = "Next";
}else{
var consola1 = document.getElementById("consola1");
consola1.innerHTML = "Next";
}
}
</script>
</head>
<body>
<form name=formulario>
<select name="dato3" onchange="sumar(this.value)">
<option value="">Choice</option>
<option value="0">A</option>
<option value="0">B</option>
<option value="1">C</option>
</select>
<select name="dato4" onchange="sumar(this.value)">
<option value="">Choice</option>
<option value="0">A</option>
<option value="0">B</option>
<option value="1">C</option>
</select>
<select name="dato5" onchange="sumar(this.value)">
<option value="">Choice</option>
<option value="0">A</option>
<option value="0">B</option>
<option value="1">C</option>
</select>
<select name="dato6" onchange="sumar(this.value)">
<option value="">Choice</option>
<option value="0">A</option>
<option value="0">B</option>
<option value="1">C</option>
</select>
<select name="dato7" onchange="sumar(this.value)">
<option value="">Choice</option>
<option value="0">A</option>
<option value="0">B</option>
<option value="1">C</option>
</select>
<input type="text" name="total" value="0">
</form>
<div id="consola">Go</div>
<form name=formulario1>
<input name="checkbox5" type="checkbox" onClick="if (this.checked) sumar1(1); else restar1(1)" value="1">$1<br>
<input name="checkbox6" type="checkbox" onClick="if (this.checked) sumar1(1); else restar1(1)" value="1">$1<br>
<input name="checkbox7" type="checkbox" onClick="if (this.checked) sumar1(1); else restar1(1)" value="1">$1<br>
<input name="checkbox8" type="checkbox" onClick="if (this.checked) sumar1(3); else restar1(3)" value="3">$3<br>
<input hidden type="text" name="total1" value="0">
</form>
<div id="consola1">Go</div>
</body>
</html>