ჩეკბოქსებთან მუშაობა JavaScript-ში

ახლა ჩვენ ვისწავლით ჩეკბოქსებთან მუშაობას. ჩეკბოქსი წარმოადგენს სპეციალურ თანისმიგნებელს, რომელსაც შეიძლება ჰქონდეს ორი მდგომარეობა: მონიშნული და არამონიშნული.

ჩეკბოქსი შეიქმნება შემდეგნაირად:

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

ჩეკბოქსის მონიშნულად გასაკეთებლად - მას უნდა დავუწეროთ ატრიბუტი checked:

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

მაგალითისთვის მოდით გავიგოთ ჩვენი ჩეკბოქსის მდგომარეობა:

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

მოცემულია ჩეკბოქსი და ორი ღილაკი. პირველ ღილაკზე დაჭერისას მონიშნეთ ჩეკბოქსი, ხოლო მეორე ღილაკზე დაჭერისას - გააუქმეთ მონიშვნა.

მოცემულია ჩეკბოქსი, ღილაკი და აბზაცი. ღილაკზე დაჭერისას, თუ ჩეკბოქსი მონიშნულია, გამოიტანეთ აბზაცში სიტყვა 'გამარჯობა', ხოლო თუ ჩეკბოქსი არ არის მონიშნული, სიტყვა 'ნახვამდის'.