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:
<input type="checkbox" id="elem">
Jotta checkbox tehdään valituksi - sille täytyy
kirjoittaa attribuutti checked:
<input type="checkbox" checked id="elem">
Selvitetään esimerkkinä checkboximme tila:
let elem = document.querySelector('#elem');
console.log(elem.checked);
Annettu checkbox ja kaksi painiketta. Ensimmäistä painiketta painamalla aseta checkbox valituksi tilaksi, ja toista painiketta painamalla - valitsemattomaksi tilaksi.
Annettu checkbox, painike ja kappale. Painiketta painamalla,
jos checkbox on valittu, tulosta
kappaleeseen sana 'hei', ja jos checkbox
ei ole valittu, niin sana 'hei hei'.
