Hola
regumiau
la razón por la que solo imprime GO o NEXT es por que indicas que se sobre escriba todo el documento...
document.write
que tal si mejor indicamos que solo se sobre escriba un modulo (DIV)....
por ejemplo tendriamos un div con un id llamado consola
<div id="consola">Go</div>
y mendiante
innerHTML indicamos que reescriba dentro de ese div.....
para ello obtenemos el id mediante
getElementById
tambien agregamos una condicion que indique que si la suma es menor a 3 escriba GO si no que comprueba que si la suma es mayor o igual a 3 escriba next.... si no se cumple ningun caso que escriba next... osea cuando el valor es 0 y ningun check esta marcado....
quedaría algo así por el estilo :3
Código Javascript
:
Ver original<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();
}
</script>
<SCRIPT language="JavaScript" type="text/javascript">
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>
</head>
<body>
<form name=formulario>
<input name="checkbox1" type="checkbox" onClick="if (this.checked) sumar(1); else restar(1)" value="1">$1<br>
<input name="checkbox2" type="checkbox" onClick="if (this.checked) sumar(1); else restar(1)" value="1">$1<br>
<input name="checkbox3" type="checkbox" onClick="if (this.checked) sumar(1); else restar(1)" value="1">$1<br>
<input name="checkbox4" type="checkbox" onClick="if (this.checked) sumar(3); else restar(3)" value="3">$3<br>
<input type="text" name="total" value="0">
</form>
<div id="consola">Go</div>
</body>
</html>
Espero que te sea de utilidad
SALUDOS y ÉXITO....