Checkboxien käsittely JavaScriptissä

Nyt opimme käsittelemään checkboxeja. Checkbox on erityinen valintaruutu, joka voi olla kahdessa tilassa: valittu ja ei valittu.

Checkbox luodaan seuraavasti:

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

Jotta checkbox tehdään valituksi - sille täytyy kirjoittaa attribuutti checked:

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

Selvitetään esimerkkinä checkboximme tila:

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