Werk met tjeksbokse in JavaScript

Nou sal ons leer hoe om met tjeksbokse te werk. 'n Tjeksboks is 'n spesiale merkbox, wat in twee toestande kan wees: gemerk en nie gemerk nie.

'n Tjeksboks word so geskep:

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

Om 'n tjeksboks gemerk te maak - moet jy die checked-kenmerk byvoeg:

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

Kom ons kyk, as voorbeeld, na die status van ons tjeksboks:

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

Daar is 'n tjeksboks en twee knoppies. Wanneer die eerste knoppie gedruk word, stel die tjeksboks in die gemerkte status, en wanneer die tweede een gedruk word - in die ongemerkte status.

Задание 2

Daar is 'n tjeksboks, 'n knoppie en 'n paragraaf. Wanneer die knoppie gedruk word, as die tjeksboks gemerk is, druk die woord 'hello' in die paragraaf, en as die tjeksboks nie gemerk is nie, druk die woord 'goodbye'.