Tengo una pagina creada donde hay grupos de 3 radioscomo hago para:
Cada pregunta debe tener una respuesta. En el caso que no seleccione una respuesta por pregunta, se mostrará un mensaje indicando "Debes seleccionar una respuesta para cada pregunta".
Las respuestas correctas son: Pregunta 1: Opción 2, Pregunta 2: Opción 1, Pregunta 3: Opción 3
Si todas las respuestas están contestadas, en el campo "Respuestas Correctas" se mostrará el número de respuestas acertadas.
Si todas las respuestas están contestadas, en el campo "Puntuación" se mostrará la puntuación obtenida en el test, teniendo en cuenta que se puntua 1 por cada acierto.
el codigo es:
<table>
<TR>
<Td align="center" colspan=2><b>Pregunta 1</b>:<br>?Cuál es la bola blanca?</Td>
<Td rowspan=4></Td>
<Td align="center" colspan=2><b>Pregunta 2</b>:<br>?Cuál es la bola verde?</Td>
<Td rowspan=4></Td>
<Td align="center" colspan=2><b>Pregunta 3</b>:<br>?Cuál es la bola morada?</Td>
</TR>
<TR>
<TD align="center"><input type="radio" name="1" id="rojo">Respuesta 1</TD>
<TD align="center"><img src="imagenes/roja.png"></TD>
<TD align="center"><input type="radio" name="2" id="verde">Respuesta 1</TD>
<TD align="center"><img src="imagenes/verde.png"></TD>
<TD align="center"><input type="radio" name"3" id="azul">Respuesta 1</TD>
<TD align="center"><img src="imagenes/azul.png"></TD>
</TR>
<TR>
<TD align="center"><input type="radio" name"1" id="blanco">Respuesta 2</TD>
<TD align="center"><img src="imagenes/blanca.png"></TD>
<TD align="center"><input type="radio" name="2" id="negro">Respuesta 2</TD>
<TD align="center"><img src="imagenes/negra.png"></TD>
<TD align="center"><input type="radio" name="3" id="rosa">Respuesta 2</TD>
<TD align="center"><img src="imagenes/rosa.png"></TD>
</TR>
<TR>
<TD align="center"><input type="radio" name="1" id="amarillo">Respuesta 3</TD>
<TD align="center"><img src="imagenes/amarilla.png"></TD>
<TD align="center"><input type="radio" name="2" id="celeste">Respuesta 3</TD>
<TD align="center"><img src="imagenes/celeste.png"></TD>
<TD align="center"><input type="radio" name="3" id="morado">Respuesta 3</TD>
<TD align="center"><img src="imagenes/bola.png"></TD>
</TR>
<TR>
<Th colspan=8><INPUT type="button" value="Corregir"></Th>
</TR>
<TR>
<TD colspan=2>No Respuestas correctas:</TD>
<TD colspan=6><input type="text"></TD>
</TR>
<TR>
<TD colspan=2>Puntuación:</TD>
<TD colspan=6><input type="text"></TD>
</TR>
</table>