ВНИМАНИЕ! Скидки на тариф Практик: 700$ 500$!
Обучение, помощь в поиске работы и заказов, стажировка на реальных проектах. Жми для подробностей →
113 of 119 menu
Бесплатные курсы по Git. Начинаем, когда соберется 1000 желающих:) Жми для записи!

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);