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="">
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
$(".test-psico").change(function(e) { var idPsico = $(this).attr("id"); var idGpo = $(this).attr("name"); var key1 = idPsico.charAt(0); var key2 = idPsico.charAt(1); if(key1 == 'm'){ var mirror = 'l'; var key3 = mirror + key2; $("#" + key3).attr("disabled", true); } else { var mirror = 'm'; var key3 = mirror + key2; $("#" + key3).attr("disabled", true); } });
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!