Как сделать переключатель в html — Q&A Хекслет
2026-02-26 19:50 Diff
https://ru.hexlet.io/qna/html/questions/kak-sdelat-pereklyuchatel-v-html

Для создания переключателя в HTML можно использовать тег <input> с атрибутом type="checkbox". Например:

<label> <input type="checkbox" /> Включить опцию </label>

Также можно использовать тег <input> с атрибутом type="radio", чтобы создать группу переключателей, из которых можно выбрать только один:

<label> <input type="radio" name="option" value="option1" /> Опция 1 </label> <label> <input type="radio" name="option" value="option2" /> Опция 2 </label>

Для обработки изменений состояния переключателей можно использовать атрибут onChange и JavaScript-обработчик событий. Например:

<label> <input type="checkbox" onChange="handleCheckboxChange(event)" /> Включить опцию </label> <script> function handleCheckboxChange(event) { if (event.target.checked) { console.log('Опция включена'); } else { console.log('Опция выключена'); } } </script>