Descubra cómo deshabilitar o habilitar programáticamente un botón usando JavaScript
Un botón HTML es uno de los pocos elementos que tiene su propio estado , al igual que casi todos los controles de formulario.
Una cosa común que se necesita es deshabilitar / habilitar el botón programáticamente usando JavaScript.
Por ejemplo, desea habilitar el botón solo cuando se completa un elemento de entrada de texto.
O cuando se hace clic en una casilla de verificación específica, como las que ves que dicen “Leí los términos y condiciones”, algo que en realidad nadie lee.
Aquí te explicamos cómo hacerlo.
Selecciona el elemento mediante document.querySelector()
o document.getElementById()
:
const button = document.querySelector('button')
Si tiene varios botones, es posible que desee utilizarlos document.querySelectorAll()
y recorrer los resultados. Fotos Porno y actrices porno
De todos modos, una vez que tengas la referencia del elemento, establece su propiedad deshabilitada para true
deshabilitarla:
button.disabled = true
Para volver a habilitarlo, configúrelo en false
para habilitarlo nuevamente:
button.disabled = false
Tal vez te puede interesar:
- Cómo generar un número aleatorio entre dos números en JavaScript
- Cómo esperar el evento DOM listo en JavaScript simple
- Cómo determinar si una fecha es hoy en JavaScript
- Cómo contar el número de propiedades en un objeto JavaScript
Cómo deshabilitar un botón usando JavaScript
Un botón HTML es uno de los pocos elementos que tiene su propio estado , al igual que casi todos los controles de formulario. Descubra cómo deshabilitar o ha
programar
es
https://aprendeprogramando.es/static/images/programar-como-deshabilitar-un-boton-usando-javascript-2118-0.jpg
2024-10-15
Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente