JS получить значение чекбокса

В данном уроке мы рассмотрим способы, с помощью которых можно получить значение чекбокса через JavaScript. Пусть у нас есть следующий чекбокс:

html<input type="checkbox" value="1">

Получим ссылку на этот чекбокс с помощью метода querySelector:

javascriptlet checkbox = document.querySelector('input[type="checkbox"]');

Расмотрим различные варианты получения значения чекбокса.

Вариант 1

Получим и выведем значение чекбокса (содержимое атрибута value):

javascriptlet value = checkbox.value;
console.log(value); // выведет 1

Вариант 2

Получим и выведем состояние чекбокса (отмечен или нет):

javascriptlet checked = checkbox.checked;
console.log(value);