Как отметить или снять отметку чекбокса с помощью JavaScript

// Устанавливаем отметку
document.querySelector('#myCheckbox').checked = true;

// Снимаем отметку
document.querySelector('#myCheckbox').checked = false;

var checkbox = document.getElementById('myCheckbox');
checkbox.click(); // Инициируем клик на чекбоксе

var checkbox = document.getElementById('myCheckbox');
// Старый браузер установит отметку
checkbox.setAttribute('checked', checkbox.checked ? '' : 'checked');

// Старый браузер снимет отметку
checkbox.removeAttribute('checked');

// Устанавливаем отметку через jQuery
$('#myCheckbox').prop('checked', true);

// Снимаем отметку через jQuery
$('#myCheckbox').prop('checked', false);

// Установка отметки в старой версии jQuery
$('#myCheckbox').attr('checked', 'checked');

// Снятие отметки в старой версии jQuery
$('#myCheckbox').removeAttr('checked');

[ ] : 💡⬜️ (Неактивный чекбокс)
[x] : 💡🟡 (Активный чекбокс)

document.getElementById('myCheckbox').checked = !document.getElementById('myCheckbox').checked;

Переключение: 💡⬜️ ➡️ 💡🟡 // Неактивный переключается в активный
Переключение: 💡🟡 ➡️ 💡⬜️ // Активный переключается в неактивный

document.getElementById('myCheckbox').addEventListener('change', function(event) {
  // Код выполнится при изменении состояния чекбокса
});

// Отмечаем все чекбоксы
document.querySelectorAll('.checkbox-class').forEach(function(checkbox) {
  checkbox.checked = true; 
});

// Снимаем отметки со всех чекбоксов
document.querySelectorAll('.checkbox-class').forEach(function(checkbox) {
  checkbox.checked = false; 
});