Как сделать переключатель в html

Question

Aleksey · Accepted Answer

Для создания переключателя в 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>

Как сделать переключатель в html

Ответы

Каталог