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ě:
<input type="checkbox" id="elem">
Chcete-li zaškrtávací políčko zaškrtnout - je mu třeba
nastavit atribut checked:
<input type="checkbox" checked id="elem">
Pro příklad zjistěme stav našeho zaškrtávacího políčka:
let elem = document.querySelector('#elem');
console.log(elem.checked);
Je dáno zaškrtávací políčko a dvě tlačítka. Po kliknutí na první tlačítko nastavte zaškrtávací políčko do zaškrtnutého stavu, a po kliknutí na druhé - do nezaškrtnutého.
Je dáno zaškrtávací políčko, tlačítko a odstavec. Po kliknutí na
tlačítko, pokud je zaškrtávací políčko zaškrtnuto, vypište do
odstavce slovo 'ahoj', a pokud zaškrtávací políčko
není zaškrtnuto, tak slovo 'sbohem'.
