Seleccionar y de-seleccionar radio botones

[everitosan]

Sucede que soy novato en javascript, y he intentado hacer una función que al dar click en un radio botón, se de-seleccionen automáticamente los demás.

estos son los botones:


<form name="agregar">
<input type="radio" value="Fiesta" name="r1 "id="F" onclick="deshabilitar(1)"/>Fiesta
<input type="radio" value="Concierto" name="r2" id="C" onclick="deshabilitar(2)"/> Concierto
<input type="radio" value="Escuela" name="r3" id="C" onclick="deshabilitar(3)"/> Escuela
<input type="radio" value="Antro & Bar" name="r4" id="C" onclick="deshabilitar(4)"/> Antro & Bar
<input type="radio" value="Marcha" name="r5" id="C" onclick="deshabilitar(5)"/> Marcha
<input type="radio" value="Evento" name="r6" id="C" onclick="deshabilitar(6)"/>Evento
</form>

y esta es la función:

<script>

function deshabilitar(n){

for(a=n+1;a<7;a++){ eval("document.agregar.r"+a+".checked= false"); }



b=n-1;
while(b>0)
{eval("document.agregar.r"+b+".checked= false");
b=b-1;
}

}


</script>


todo funciona bien excepto con el primero, ya que al seleccionarlo una vez, no se de-selecciona cuando selecciono algún otro. Espero me pueda ayudar.

[angelfcm]

Hola!,
Tu script es correcto pero la sintásix de tu HTML está mal en:

Código HTML:

<input type="radio" value="Fiesta" name="r1 "id="F" onclick="deshabilitar(1)"/>Fiesta
 

Si observas en el atributo name, el valor que tiene es "r1_"(con un espacio) y debe de ser "r1"(sin espacio).
Es por eso que no te funcióna con el primer radio.

Y otra cosa, si a todos los radio les colocas el mismo nombre, no sería necesario aplicar tu script ya que automáticamente de seleccionan y deseleccionan. Además así se deben manejar en los formularios.

Saludos!.

[angelfcm]

Y para que te des cuenta de cómo funcionan más los radio, ponles a todos el mísmo nombre, ejemplo:

Código HTML:

<form name="agregar">
<input type="radio" value="Fiesta" name="seleccion" />Fiesta
<input type="radio" value="Concierto" name="seleccion" /> Concierto
<input type="radio" value="Escuela" name="seleccion" /> Escuela
<input type="radio" value="Antro & Bar" name="seleccion" /> Antro & Bar
<input type="radio" value="Marcha" name="seleccion" /> Marcha
<input type="radio" value="Evento" name="seleccion" />Evento
</form>
 

Ahora para saber que fué lo que seleccionó el usuario simplemente lo haces así:

Código Javascript:

radios=document.agregar;
for(x=0;x<document.agregar.length;x++){
 if(radios[x].checked)
   alert(radios[x].value);
}
 

[angelfcm]

Hay otra forma más fácil de saber qué fué lo que seleccióno el usuario y es usando la palabra clave this.
Por ejemplo:

Código HTML:

<input type="radio" value="Fiesta" name="seleccion" onclick="alert(this.value)" />Fiesta
<input type="radio" value="Escuela" name="seleccion" onclick="alert(this.value)" /> Escuela
 

Cuándo des click en un radio éste te devuelve el valor del radio seleccionado ya que this se convierte en el objeto del elemento que estuvo en ése evento (onclick) y así puedes llamar directamente al valor.

Saludos!

[everitosan]

O por dios muchas gracias, de verdad, no pensé que hubiera respuesta tan rápido te lo agradezco mucho. Espero que tengas un excelente día, noche madrugada, lo que sea, gracias.

[angelfcm]

Denada!, puedes agradecerme subiendome karma en la flechita o el mensajito que dice Me gustó, ¡gracias! alrededor de los mensajes, saludos!

[arnaldo1983]

Buenos días,

a ver si me pueden ayudar con esto.

Tengo varios grupos de radio button, cada grupo tiene tres opciones, que son : Admin, Si, No.

El tema es que solo puede haber un solo admin seleccionado, es decir, cuando se selecciona uno, si habia otro seleccionado, se pasa a NO.

Pueden ayudarme con esto?.

Les dejo el codigo de ejemplo:

Código HTML:

<FORM action="radio.html" method="post" name="grupos">
<label>Grupo1</label><br />
<input type="radio" name="grupo1" value="admin" >Admin</input>
<input type="radio" name="grupo1" value="si">Si</input>
<input type="radio" name="grupo1" value="no" checked>NO</input><br />
<label>Grupo2</label><br />
<input type="radio" name="grupo2" value="admin" >Admin</input>
<input type="radio" name="grupo2" value="si">Si</input>
<input type="radio" name="grupo2" value="no" checked>NO</input><br />
<label>Grupo3</label><br />
<input type="radio" name="grupo3" value="admin" >Admin</input>
<input type="radio" name="grupo3" value="si">Si</input>
<input type="radio" name="grupo3" value="no" checked>NO</input><br />
<label>Grupo4</label><br />
<input type="radio" name="grupo4" value="admin" >Admin</input>
<input type="radio" name="grupo4" value="si">Si</input>
<input type="radio" name="grupo4" value="no" checked>NO</input><br />
<label>Grupo5</label><br />
<input type="radio" name="grupo5" value="admin" >Admin</input>
<input type="radio" name="grupo5" value="si">Si</input>
<input type="radio" name="grupo5" value="no" checked>NO</input><br />
<label>Grupo6</label><br />
<input type="radio" name="grupo6" value="admin" >Admin</input>
<input type="radio" name="grupo6" value="si">Si</input>
<input type="radio" name="grupo6" value="no" checked>NO</input><br />
</FORM>