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

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

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

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

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

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

Вариант 1

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

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

Вариант 2

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

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