Práce s zaškrtávacími políčky v JavaScriptu

Nyní se naučíme pracovat s zaškrtávacími políčky. Zaškrtávací políčko je speciální zaškrtávací křížek, který může být ve dvou stavech: zaškrtnuto a nezaškrtnuto.

Zaškrtávací políčko se vytvoří následovně:

html<input type="checkbox" id="elem">

Chcete-li zaškrtávací políčko zaškrtnout - je mu třeba nastavit atribut checked:

html<input type="checkbox" checked id="elem">

Pro příklad zjistěme stav našeho zaškrtávacího políčka:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.checked);