Atributo disabled en JavaScript
En HTML existen atributos especiales sin
valores, por ejemplo, el atributo disabled,
utilizado para bloquear elementos. Para
establecer dicho atributo, a la propiedad correspondiente
se le debe asignar el valor true,
y para eliminarlo - el valor false.
Veámoslo en la práctica. Supongamos que tenemos un input bloqueado:
<input id="elem" disabled>
Mostremos el valor del atributo disabled
de este input:
let elem = document.querySelector('#elem');
console.log(elem.disabled); // mostrará true
Y ahora desbloqueémoslo:
let elem = document.querySelector('#elem');
elem.disabled = false;
Dado un input y un botón. Al hacer clic en el botón bloquee el input.
Dado un input y dos botones. Que el clic en el primer botón bloquee el input, y el clic en el segundo - lo desbloquee.
Dado un input y un botón. Al hacer clic en el botón descubra si el input está bloqueado o no.