Radio Button Variable

andreshenao · #1 (**permalink**) 22/06/2010, 11:02

Hola, he buscado por todos lados un ejemplo de javascript, en el cual me valide unos radio button en la misma pagina, no es necesario exigir que los seleccione todos, solo si los selecciona si es correcta la respuesta var=var+1 he imprimir mensaje respodio x bien.
Soy muy regular en esto de javascript disculpen si es muy basico la pregunta.

<form name="form1">
pregunta 1<br>
<input type="radio" name="pre1" value="p1_1"/><br>
<input type="radio" name="pre1" value="p1_2"/><br> //esta seria la correcta

<br>
pregunta 2 <br>
<input type="radio" name="pre2" value="p2_1"/><br> //esta seria la correcta

<input type="radio" name="pre2" value="p2_2"/><br>

pregunta 3 <br>
<input type="radio" name="pre3" value="p3_1"/><br>
<input type="radio" name="pre32" value="p3_2"/><br> //esta seria la correcta

<INPUT TYPE="button" NAME="enviar" VALUE="enviar" onClick="validarFormulario()">
</form>

kstro21 · #2 (**permalink**) 22/06/2010, 11:38

Bueno, empezando podrias ponerle a las pregunta la propiedad name en forma de arreglo asi podrias recorrerlo y preguntar si esta seleccionado o no, algo asi

pregunta 1<br>
<input type="radio" name="pre1[]" value="p1_1"/><br>
<input type="radio" name="pre1[]" value="p1_2"/><br> //esta seria la correcta

asi podrias identificar bien quien es uno y quien es otro, pq si los dos tienen el mismo name seria mas dificil, podrias ponerle al radio q es correcto un evento para saber cuando lo selecciona y asi mostrarle lo q quieras, bueno no se si es exactamente lo q quieres, pero puedes irte guiando

andreshenao · #3 (**permalink**) 22/06/2010, 12:58

hola y gracias por la respuesta, bueno de tanto intentar me dio, puede que no se lo mas correcto pero al momento me funciona si alguien lo puede mejorar gracias.

<HTML>
<HEAD>
<TITLE>
Solucionado validar radio button
</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function validarBotonRadio() {
var s = 0;
with (document.formulario){
for ( var i = 0; i < suma.length; i++ ) {
if ( suma[1].checked ) {
s= s + 1;
// window.alert("Ha seleccionado: \n" + suma[1].value + s);
break;
}
}
for ( var i = 0; i < suma1.length; i++ ) {
if ( suma1[1].checked ) {
s= s + 1;
window.alert("de 2 preguntas saco buenas: \n" + s);
break;
}
}

if ( s >= 1 ){
window.alert("Perdio el examen" ) ;
}
}
}
</SCRIPT>
</HEAD>
<BODY>
<FORM name="formulario">
<B>Cuanto es 3+2:</B><br>
<INPUT TYPE="radio" NAME="suma" VALUE="uno">Tres
<INPUT TYPE="radio" NAME="suma" VALUE="dos" >Cinco
<INPUT TYPE="radio" NAME="suma" VALUE="tres" >Ocho
<BR>
<B>cuanto es 2+2=</B><br>
<INPUT TYPE="radio" NAME="suma1" VALUE="cuatro">dos
<INPUT TYPE="radio" NAME="suma1" VALUE="cinco" >tres
<INPUT TYPE="radio" NAME="suma1" VALUE="seis" >Cuatro
<INPUT TYPE="button" NAME="enviar" VALUE="enviar" onClick="validarBotonRadio()">
<INPUT TYPE="reset" VALUE="Borrar">
</FORM>
</BODY>
</HTML>