Bootstrap 5.3 class="form-check form-switch" и JS

Question

Здрасте.

В bootstrap 5 есть такая штука form-check form-switch у нее есть атрибут checked

Вопрос, как поймать значение вкл/выкл. с помощью JS. addEventListener не помог

<div class="form-check form-switch">
  <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDefault">
  <label class="form-check-label" for="flexSwitchCheckDefault">Default switch checkbox input</label>
</div>

Answer 1

Атрибут checked есть у каждого input с типом checkbox

Понять, какое значение установлено, можно с помощью события click

document.querySelector('.form-check-input').addEventListener('click', (e) => {
  console.log(e.target.checked)
})

<div class="form-check form-switch">
  <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDefault">
  <label class="form-check-label" for="flexSwitchCheckDefault">Default switch checkbox input</label>
</div>

БЛОГ НА HUSL

Bootstrap 5.3 class="form-check form-switch" и JS

Ответы (1 шт):