Práca s checkboxmi v JavaScripte
Teraz sa naučíme pracovať s checkboxmi. Checkbox je špeciálne zaškrtávacie políčko, ktoré môže byť v dvoch stavoch: zaškrtnuté a nezaškrtnuté.
Checkbox sa vytvorí nasledovne:
<input type="checkbox" id="elem">
Aby bol checkbox zaškrtnutý - je potrebné
mu pridať atribút checked:
<input type="checkbox" checked id="elem">
Pre príklad si zistime stav nášho checkboxu:
let elem = document.querySelector('#elem');
console.log(elem.checked);
Daný checkbox a dve tlačidlá. Pri kliknutí na prvé tlačidlo nastavte checkbox do zaškrtnutého stavu, a pri kliknutí na druhé - do nezaškrtnutého stavu.
Daný checkbox, tlačidlo a odsek. Pri kliknutí na
tlačidlo, ak je checkbox zaškrtnutý, vypíšte do
odseku slovo 'ahoj', a ak checkbox
nie je zaškrtnutý, tak slovo 'zbohom'.