Foros del Web - Ver Mensaje Individual

regumiau · #1 (**permalink**) 04/11/2011, 17:38

Hola, solicito ayuda para poder terminar el siguiente script.

Estoy haciendo un script que de acuerdo al resultado de la suma del valor dado en value de cada checkbox modifique el contenido de un texto, pero en la misma pagina, sin refresh ni nada de eso.
en una condicional le indico que si el valor es menor a 3 que diga el texto GO.
en caso contrario debe decir NEXT.

ademas, sin marcar ninguna casilla debe decir GO.

hasta ahora he logrado que imprima en pantalla GO o NEXT de acuerdo al valor, pero este reacciona inmediatamente al clicar en un casillero, borrando pantalla imprimiendose solo el resultado GO o NEXT.

Espero haber detallado bien el tema y que alguien me ayude a corregir este script que paso a dejar aqui:

<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) {
document.write("go");
}
else {
document.write("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>

<SCRIPT language="JavaScript" type="text/javascript">
document.write(total);
</script>

</body>
</html>