Cómo deshabilitar un botón usando JavaScript

Descubra cómo deshabilitar o habilitar un botón mediante programación utilizando JavaScript

Un botón HTML es uno de los pocos elementos que tiene su propioExpresar. Junto con casi todos los controles de formulario.

Una cosa común que se necesita es deshabilitar / habilitar el botón mediante programación usando JavaScript.

Por ejemplo, solo desea habilitar el botón 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 para decir "Leí los términos y condiciones", algo que nadie lee en realidad.

He aquí cómo hacerlo.

Usted selecciona el elemento, usandodocument.querySelector()odocument.getElementById():

const button = document.querySelector('button')

Si tiene varios botones, es posible que desee utilizardocument.querySelectorAll()y recorrer los resultados.

De todos modos, una vez que tenga la referencia del elemento, establezca su propiedad deshabilitada entruepara deshabilitarlo:

button.disabled = true

Para volver a habilitarlo, configúrelo enfalsepara habilitarlo de nuevo:

button.disabled = false

Más tutoriales de navegador: