Praca z checkboxami w JavaScript
Teraz nauczymy się pracować z checkboxami. Checkbox to specjalne pole wyboru, które może znajdować się w jednym z dwóch stanów: zaznaczone lub nie.
Checkbox tworzy się w następujący sposób:
<input type="checkbox" id="elem">
Aby checkbox był zaznaczony - należy
dodać mu atrybut checked:
<input type="checkbox" checked id="elem">
Sprawdźmy dla przykładu stan naszego checkboxa:
let elem = document.querySelector('#elem');
console.log(elem.checked);
Dany jest checkbox i dwa przyciski. Po naciśnięciu pierwszego przycisku ustaw checkbox w stan zaznaczony, a po naciśnięciu drugiego - w niezaznaczony.
Dany jest checkbox, przycisk i akapit. Po naciśnięciu
przycisku, jeśli checkbox jest zaznaczony, wypisz w
akapicie słowo 'przywitanie', a jeśli checkbox
nie jest zaznaczony, to słowo 'pożegnanie'.