validar un radio button

jsoledia · #1 (**permalink**) 24/04/2005, 07:58

Necesito validar que suguro que han escogido una opcion del radio button.

lo hago de esta forma y no me funciona:

if ((document.form_rsi.tipus_rsi_1.value.length == 0) && (document.form_rsi.tipus_rsi_2.value.length == 0)) {
alert ("Has d'introduïr les dades de l’afectat/ada");
document.form_rsi.dades_afectat.focus ();
return false;
}

KarlanKas · #2 (**permalink**) 24/04/2005, 16:02

Teniendo en cuenta que una vez pinchado sobre una opción ya no puedes deseleccionar nada, puedes usar este sencillo truco:

Código PHP:

  <html> 
<head> 
    <title>Untitled</title> 
    <script> 
    marcado=false; 
    function pepote(f){ 
    if(!marcado){ 
    alert("Por favor, marque una casilla"); 
    return false; 
    } 
    else{ 
    return true; 
    } 
    } 
     
    </script> 
</head> 
 
<body> 
<form name="pepe" action="javascript:alert('Enviado!')" onsubmit="return pepote(this)"> 
<input type="radio" name="pepe" value="1" onclick="marcado=true">Opción 1<br> 
<input type="radio" name="pepe" value="2" onclick="marcado=true">Opción 2<br> 
<input type="radio" name="pepe" value="3" onclick="marcado=true">Opción 3<br> 
<input type="radio" name="pepe" value="4" onclick="marcado=true">Opción 4<br> 
<input type="submit" name="enviar" value="Enviandoooo!"> 
 
</form> 
 
 
</body> 
</html>

Un saludo!

jsoledia · #3 (**permalink**) 25/04/2005, 06:24

Gracias Karlankas,

Lo voy a probar. Aunque yo estaba intentando crear una funcion validando el valor del radioobutton, tipo document.formulario.radio.value.1 == 0 && value.2 == 0, ....

KarlanKas · #4 (**permalink**) 25/04/2005, 09:08

Se puede hacer como indicas, pero es más largo y el resultado es el mismo. De la forma que quieres sería:

Código PHP:

  <html> 
<head> 
    <title>Untitled</title> 
    <script> 
 
var MensajeDeError="Haga el favor de rellenar todo!" 
    function pepote(f){ 
        marcado=false; 
        var nombre; 
        for(a=0;a<f.elements.length;a++){ 
            if(f[a].type=="radio"){ 
                if(nombre!=f[a].name){ 
                    nombre=f[a].name; 
                    for(aa=0;f[a+aa].name==f[a].name;aa++){ 
                        if(f[a+aa].checked){marcado=true}; 
                    } 
                    if(marcado==false){alert(MensajeDeError);return false;} 
             
                } 
            marcado=false; 
            } 
     
        } 
    } 
     
    </script> 
</head> 
 
<body> 
<form name="pepe" action="javascript:alert('Enviado!')" onsubmit="return pepote(this)"> 
<input type="radio" name="pepe" value="1" >Opción 1<br> 
<input type="radio" name="pepe" value="2" >Opción 2<br> 
<input type="radio" name="pepe" value="3" >Opción 3<br> 
<input type="radio" name="pepe" value="4" >Opción 4<br><br> 
<br> 
<input type="radio" name="pepe1" value="1" >Opción a1<br> 
<input type="radio" name="pepe1" value="2" >Opción a2<br> 
<input type="radio" name="pepe1" value="3" >Opción a3<br> 
<input type="radio" name="pepe1" value="4" >Opción a4<br> 
<input type="submit" name="enviar" value="Enviandoooo!"> 
 
</form> 
 
 
</body> 
</html>

Un saludo!

jsoledia · #5 (**permalink**) 25/04/2005, 14:23

Gracias Karlankas.

Voy a provar ambas. Haver cual me va mejor para mi formulario. Tambien he de ver como solucion el valor del radio button cuando modifico el formulario

phpfan · #6 (**permalink**) 18/01/2011, 01:19

como podria agregar este tema amis favoritos dejo este mensaje para poderlo encontrar

_Adrian_ · #7 (**permalink**) 18/01/2011, 11:25

Cita:

Iniciado por phpfan

como podria agregar este tema amis favoritos dejo este mensaje para poderlo encontrar

Arriba en la página -> Herramientas -> Seguir tema

phpfan · #8 (**permalink**) 18/01/2011, 21:16

grx adrian