Foros del Web » Programando para Internet » Javascript »

Habilitar/Deshabilitar botones

Estas en el tema de Habilitar/Deshabilitar botones en el foro de Javascript en Foros del Web. Hola a todos!!. Soy nueva programando en php. Estoy realizando una aplicación web y como puedo hacer para habilitar y/o deshabilitar uno o más botones ...
  #1 (permalink)  
Antiguo 16/03/2011, 18:56
cym
 
Fecha de Ingreso: marzo-2011
Mensajes: 46
Antigüedad: 13 años, 1 mes
Puntos: 0
Habilitar/Deshabilitar botones

Hola a todos!!. Soy nueva programando en php. Estoy realizando una aplicación web y como puedo hacer para habilitar y/o deshabilitar uno o más botones con otro botón. Busqué por todos lados y no encontré un ejemplo claro.
Por ejemplo: tengo boton1; boton2; boton3.
boton1 habilitado y al presionarlo habilita boton2 pero sigue deshabilitado boton3 y deshabilita boton1. Al presionar boton2 habilita boton3 y deshabilita boton2 y boton1.
No se si se podrá hacerlo con javascript. Espero haber sido clara con mi explicación. Desde ya muchas gracias
  #2 (permalink)  
Antiguo 16/03/2011, 19:17
Avatar de AlejandroMtzRmz  
Fecha de Ingreso: febrero-2011
Mensajes: 81
Antigüedad: 13 años, 2 meses
Puntos: 4
Respuesta: Habilitar/Deshabilitar botones

Hola!! :

Código HTML:
Ver original
  1. <script type="text/javascript">
  2.  
  3. function setable(){
  4.  
  5. var button1 = document.getElementById('boton1');
  6. var button2 = document.getElementById('boton2');
  7. var button3 = document.getElementById('boton3');
  8.  
  9. if(button1.disabled == false){
  10.  
  11. button1.disabled = true;
  12. button2.disabled = false;
  13.  
  14. }else if(button2.disabled == false){
  15.  
  16. button2.disabled = true;
  17. button3.disabled = false;
  18.  
  19. } else if(button3.disabled == false){
  20.  
  21. button1.disabled = false;
  22. button3.disabled = true;
  23.  
  24. }
  25.  
  26. }
  27.  
  28.  
  29. <input type="button" id="boton1" value="Boton 1"  onclick="setable()"/>
  30. <input type="button" id="boton2" value="Boton 2" disabled onclick="setable()"/>
  31. <input type="button" id="boton3" value="Boton 3" disabled onclick="setable()"/>

Etiquetas: botones
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 00:30.