Disabled-attribuutti JavaScriptissä

HTML:ssä on erityisiä attribuutteja ilman arvoja, esimerkiksi attribuutti disabled, jota käytetään elementtien lukitsemiseen. Jotta asettaisit tällaisen attribuutin, vastaavalle ominaisuudelle on annettava arvo true, ja poistaaksesi sen - arvo false.

Katsotaanpa käytännössä. Oletetaan, että meillä on lukittu input-kenttä:

<input id="elem" disabled>

Tuodaan esille attribuutin disabled arvo tämän input-kentän:

let elem = document.querySelector('#elem');
console.log(elem.disabled); // tulostaa true

Ja nyt avataan sen lukitus:

let elem = document.querySelector('#elem');
elem.disabled = false;

Annettu input-kenttä ja painike. Painiketta painamalla lukitse input-kenttä.

Annettu input-kenttä ja kaksi painiketta. Ensimmäisen painikkeen painaminen lukitsee input-kentän, ja toisen painikkeen painaminen avaa lukituksen.

Annettu input-kenttä ja painike. Painiketta painamalla selvitä, onko input-kenttä lukittu vai ei.