Het wisselen van attributen zonder waarden
Stel dat er een geblokkeerde input en een knop zijn:
<input id="elem" disabled>
<input id="button" type="submit">
Laten we ervoor zorgen dat elke klik op de knop leidt tot een verandering van de staat van de input - van geblokkeerd naar ontgrendeld en omgekeerd. Laten we eerst verwijzingen naar onze elementen in variabelen krijgen:
let elem = document.querySelector('#elem');
let button = document.querySelector('#button');
En laten we nu het beoogde realiseren:
button.addEventListener('click', function() {
if (elem.disabled) {
elem.disabled = false;
} else {
elem.disabled = true;
}
});
De taak kan echter worden opgelost met minder code:
button.addEventListener('click', function() {
elem.disabled = !elem.disabled;
});
Leg uit hoe de gegeven code werkt.
Er is een checkbox en een knop. Zorg ervoor dat elke klik op de knop leidt tot een verandering van de staat van de checkbox.
