Foros del Web » Programando para Internet » Jquery »

Duda Seleccionar/Deseleccionar radiobuttons

Estas en el tema de Duda Seleccionar/Deseleccionar radiobuttons en el foro de Jquery en Foros del Web. Hola, buenas tardes Tengo un problema con lo siguiente, lo cuál hasta ahora no termino de resolver: Tengo los siguientes inputs tipo radio: Código HTML: ...
  #1 (permalink)  
Antiguo 02/07/2015, 16:23
Avatar de Middrel  
Fecha de Ingreso: abril-2005
Mensajes: 835
Antigüedad: 19 años
Puntos: 27
Duda Seleccionar/Deseleccionar radiobuttons

Hola, buenas tardes

Tengo un problema con lo siguiente, lo cuál hasta ahora no termino de resolver:

Tengo los siguientes inputs tipo radio:

Código HTML:
<input type="radio" name="gp1_m" id="m1" class="test_psico" value="">
<input type="radio" name="gp1_m" id="m2" class="test_psico" value="">
<input type="radio" name="gp1_m" id="m3" class="test_psico" value="">
<input type="radio" name="gp1_m" id="m4" class="test_psico" value="">

<input type="radio" name="gp1_l" id="l1" class="test_psico" value="">
<input type="radio" name="gp1_l" id="l2" class="test_psico" value="">
<input type="radio" name="gp1_l" id="l3" class="test_psico" value="">
<input type="radio" name="gp1_l" id="l4" class="test_psico" value=""> 
Como se darán cuenta, hay dos grupos, gp1_m y gp1_l.

Ahora, la idea es que cuando yo seleccione la opción con del gp1_m y el id="m1", su contraparte en el gp1_l y el id="l1" quede deshabilitado y viceversa.

Es decir,

1. Se debe escoger un sólo valor por grupo.
2. El valor elegido del segundo grupo, no puede ser igual a su contraparte con respecto al id (m1 No l1, m2 No l2, etc.)

Hice lo siguiente para deshabilitar a su contraparte:

Código Javascript:
Ver original
  1. $(".test-psico").change(function(e) {
  2.            
  3.             var idPsico = $(this).attr("id");
  4.             var idGpo = $(this).attr("name");
  5.             var key1 = idPsico.charAt(0);
  6.             var key2 = idPsico.charAt(1);          
  7.            
  8.             if(key1 == 'm'){
  9.                 var mirror = 'l';
  10.                 var key3 = mirror + key2;
  11.            
  12.                 $("#" + key3).attr("disabled", true);              
  13.                
  14.             } else {
  15.                 var mirror = 'm';
  16.                 var key3 = mirror + key2;
  17.            
  18.                 $("#" + key3).attr("disabled", true);                              
  19.             }          
  20.         });

hasta ahí todo funciona muy bien.... ahora viene el siguiente problema:

Suponiendo que al inicio yo seleccioné la opción con el id="m1", se deshabilita la opción con el id="l1"...
pero ahora se me ocurre seleccionar la opción con el id="m3", se deshabilita la opción con el id="l3", pero la opción con el id="l1" sigue deshabilitada... :(

entonces, lo que necesito es que cuando se cambie la opción, se vuelva a habilitar la anterior deshabilitada...

Espero haberme explicado bien.

¿Alguna idea? De antemano, agradezco por sus comentarios, enviándoles un cordial saludo!

Etiquetas: radiobuttons
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:37.