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