Tema: Examen con imput radio
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 17/06/2009, 02:08
Avatar de buzu
buzu
 
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 17 años, 6 meses
Puntos: 122
Respuesta: ayuda con imput radio
Tienes algunos errores muy obios. Por ejemplo, para acceder a un formulario mediante el documento tienes que usar forms antes del nombre del formulario:

document.forms['evaluacion']['radio1'][0].checked

Pero antes de ese tienes otro, en tu Js pones evaluacion, pero tu formulario en realidad se llama evaluation. Por lo que pare empezar el formulario, sin importar que la sintaxis esté bien, nunca va a ser localizado.

Aquí es como lo he cambiado y quedo bien:

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
  4. <head>
  5.     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.     <title>Untitled</title>
  7.     <script language="javascript">
  8.  
  9. function cont() {
  10.     var c=0;
  11.     if (document.forms['evaluacion']['radio1'][0].checked)
  12.         {
  13.         c++;
  14.         }
  15.     if (document.forms['evaluacion']['radio2'][2].checked)
  16.         {
  17.         c++;
  18.         }
  19.         alert('tu resultado es ' + c + ' sobre 2');
  20. }
  21.  
  22. </script>
  23. </head>
  24. <body>
  25.  
  26. <form name="evaluacion" method="">
  27.  
  28. <label>1. ¿Pregunta 1?</label>
  29. <p>
  30. <input type="radio" name="radio1" id="radio1" />Rta 1<br />
  31. <input type="radio" name="radio1" id="radio1" />Rta 2<br />
  32. <input type="radio" name="radio1" id="radio1" />Rta 3<br />
  33. <input type="radio" name="radio1" id="radio1" />Rta 4<br />
  34. </p><hr />
  35. <label>2. ¿Pregunta 2?</label>
  36. <p>
  37. <input type="radio" name="radio2" id="radio2" />Rta 1<br />
  38. <input type="radio" name="radio2" id="radio2" />Rta 2<br />
  39. <input type="radio" name="radio2" id="radio2" />Rta 3<br />
  40. <input type="radio" name="radio2" id="radio2" />Rta 4<br />
  41. </p><hr />
  42. <input type="button" name="result" id="result" value="Result" onclick="cont()" />
  43.  
  44.  
  45. </form>
  46. </body>
  47. </html>

Espero que no estés pensando hacer esto para un examen de verdad. Sería bien fácil "hackearlo" y sacar una calificación perfecta.
__________________
twitter: @imbuzu