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:

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

Aby bol checkbox zaškrtnutý - je potrebné mu pridať atribút checked:

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

Pre príklad si zistime stav nášho checkboxu:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.checked);
Задание 1

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.

Задание 2

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'.