Het disabled attribuut in JavaScript
In HTML bestaan er speciale attributen zonder
waarden, bijvoorbeeld het disabled attribuut,
gebruikt voor het blokkeren van elementen. Om
zo'n attribuut in te stellen, moet de overeenkomstige
eigenschap de waarde true toegewezen krijgen,
en om het te verwijderen - de waarde false.
Laten we het in de praktijk bekijken. Stel we hebben een geblokkeerde input:
<input id="elem" disabled>
Laten we de waarde van het disabled attribuut
van deze input uitvoeren:
let elem = document.querySelector('#elem');
console.log(elem.disabled); // geeft true weer
En laten we hem nu deblokkeren:
let elem = document.querySelector('#elem');
elem.disabled = false;
Gegeven een input en een knop. Blokkeer de input bij het indrukken van de knop.
Gegeven een input en twee knoppen. Laat een druk op de eerste knop de input blokkeren, en een druk op de tweede - de input deblokkeren.
Gegeven een input en een knop. Kom bij het indrukken van de knop te weten of de input geblokkeerd is of niet.