ayuda con optionbuton

pipekingsaids · #1 (**permalink**) 23/04/2009, 22:30

alguien sabe por que no me funciona este codigo estoy tratando de que me muestre si el valor seleccionado es correcto o no el hecho es que no importa que opcion escoja siempre me esta entrando en el mensaje del else me gustaria saber si alguein me puede corregir o ayudar gracias

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<script>
function validar()
{
with (document.form1)
	{
		if (respuesta1.value=="84")
			{
				alert("respuesta correcta")
			}
		else
			{
				alert("respuesta incorrecta la respuesta correcta es 64")
				
				
			}



	}

}
</script>

</head>

<body>



<form id="form1" name="preguntas" method="post" action="">
1.-¿Cuantas casillas tien un tablero de ajedrez?
<input type="radio" id="respuesta1" name="respuesta1" value="48" onclick="return validar()"/>a) 48
<input type="radio" id="respuesta1" name="respuesta1" value="64" onclick="return validar()"/>b) 64
<input type="radio" id="respuesta1" name="respuesta1" value="84" onclick="return validar()"/>c) 84 <br /><br />

<!--<input type="submit" name="enviar" value="Enviar respuesta" onclick="return validar()" />-->
</form>
</body>




</html>

David · #2 (**permalink**) 23/04/2009, 22:36

Para saber el value del radio seleccionado, debes recorrerlos con un bucle for.

Puedes revisar este ejemplo:
http://www.forosdelweb.com/2562148-post8.html

pipekingsaids · #3 (**permalink**) 23/04/2009, 22:39

hum no entiendo
mira no se si me puedas ayudar la verdad es q necesito que de acuerdo a la respuesta selecionada me diga si es correcta o no

pero la verdad ya le he dado tanto que no se por donde y el ejemplo q me pasaste no lo entiendo muy bien

gracias x tu colaboracion

David · #4 (**permalink**) 23/04/2009, 22:40

En el ejemplo que te pasé sólo necesitas pasarle como parámetro a la función el grupo de radios, que en este caso es respuesta1.

pipekingsaids · #5 (**permalink**) 23/04/2009, 22:49

mira ahora me dice que length es nulo o no es un objeto sabes x q?

y como hago para mostrarle le mensaje de cual esta bein y cual mal ya involucrando varias preguntas?

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>

<script>
function validar(respuesta1) {
   for (i=0; i<respuesta1.length; i++) {
      if (respuesta1[i].checked) {
         return respuesta1[i].value;
      }
   }
}  

</script>
</head>

<body>
<form id="form1" name="preguntas" method="post" action="">
1.-¿Cuantas casillas tien un tablero de ajedrez?
<input type="radio" id="respuesta1" name="respuesta1" value="48" onclick="return validar()"/>a) 48
<input type="radio" id="respuesta1" name="respuesta1" value="64" onclick="return validar()"/>b) 64
<input type="radio" id="respuesta1" name="respuesta1" value="84" onclick="return validar()"/>c) 84 <br /><br />

2.-¿Cuantas fichas hay en un ajedrez?
<input type="radio" id="respuesta2" name="respuesta2" value="33" onclick="return validar()"/>a) 33
<input type="radio" id="respuesta2" name="respuesta2" value="64" onclick="return validar()"/>b) 64
<input type="radio" id="respuesta2" name="respuesta2" value="55" onclick="return validar()"/>c) 55 <br /><br />

<!--<input type="submit" name="enviar" value="Enviar respuesta" onclick="return validar()" />-->
</form>
</body>
</html>

David · #6 (**permalink**) 23/04/2009, 23:08

Debes investigar un poco más sobre el uso de las funciones en Javascript. La función no necesitas modificarla, sólo tienes que llamarla especificando el grupo de radios:

Código javascript:

Ver originalalert(validar(document.preguntas.respuesta1));