Tema: Habilitar campos por varios radiobuttons
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 29/10/2011, 10:14
Avatar de Raziel_Ravenheart
Raziel_Ravenheart
 
Fecha de Ingreso: agosto-2011
Ubicación: Ibagué, Tolima
Mensajes: 192
Antigüedad: 12 años, 8 meses
Puntos: 37
Exclamación Respuesta: Habilitar campos por varios radiobuttons
Mi respuesta sería la siguiente

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <script type="text/javascript" >
  4. window.onload = function () {
  5.     document.getElementById("opcion1").onclick = modificarEstado;
  6.     document.getElementById("opcion2").onclick = modificarEstado;
  7. }
  8.  
  9. function modificarEstado(){
  10.     if (document.getElementById("opcion1").checked) {
  11.         document.getElementById("campo1").disabled = false;
  12.         document.getElementById("campo2").disabled = true;
  13.     } else {
  14.         document.getElementById("campo1").disabled = true;
  15.         document.getElementById("campo2").disabled = false;
  16.     }
  17. }
  18.  
  19. function modificarEstado1(){
  20.     if(document.getElementById("tramite").checked) {
  21.         document.getElementById("fechaoficial").disabled =false;
  22.     } else {
  23.         document.getElementById("fechaoficial").disabled=true;
  24.     }
  25. }   
  26.  
  27.  
  28. </script>
  29. </head>
  30. <body>
  31. <input type="radio"  name="opciones" id="opcion1" value="opcion1" >
  32. <label>Opción 1</label> 
  33. <input type="text" disabled="disabled" name="campo1" id="campo1" value="" style="width: 50px"><br>
  34.     
  35. <input type="radio"  name="opciones" id="opcion2" value="opcion2" >
  36. <label>Opción 2</label> 
  37. <input type="text" disabled="disabled" id="campo2" name="campo2" style="width: 50px"><br>
  38.     
  39. <input type="radio"  name="opciones" id="opcion3" value="opcion3">
  40. Sin campo de texto a habilitar o deshabilitar si se selecciona esta opción<br> 
  41. </body>
  42. </html>

Recuerda que es recomendado abrir y cerrar llaves, así el if o cualquier otra esttructura de control tenga no más una línea de código. Y básicamente es por cadda if revertir el proceso del otro. También para limpiar el código html, utilicé manejadores de eventos semánticos, es decir:

Código Javascript: 
Ver original
  1. window.onload = function () {
  2.     document.getElementById("opcion1").onclick = modificarEstado;
  3.     document.getElementById("opcion2").onclick = modificarEstado;
  4. }

Lo que quiere decir que apenas carga todo el contenido de la ventana, asigna las acciones a los botones de radio.

Ojala te sirva

Exitos