JavaScriptда чекбокслар билан ишлаш

Ҳозир биз чекбокслар билан ишлашни ўрганамиз. Чекбокс махсус белги (чек) бўлиб, у икки ҳолатда бўлиши мумкин: белгиланган ва белгиланмаган.

Чекбокс қуйидагича яратилади:

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

Чекбоксни белгиланган ҳолатга келтириш учун - унга checked атрибутини ёзиш керак:

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

Мисол учун, келинг бизнинг чекбоксимизнинг ҳолатини билайлик:

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

Чекбокс ва иккита тугма берилган. Биринчи тугма босилганда чекбоксни белгиланган ҳолатга ўрнатинг, иккинчи тугма босилганда эса - белгиланмаган ҳолатга.

Чекбокс, тугма ва абзац берилган. Тугма босилганда, агар чекбокс белгиланган бўлса, абзацга 'салом' сўзини чиқаринг, агар чекбокс белгиланмаган бўлса, 'хайр' сўзини чиқаринг.