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