Активировать буттон при выборе всех чекбоксов

Question

Активировать буттон при выборе всех чекбоксов

Рейтинг: 0Ответов: 1Опубликовано: 09.06.2023

Есть несколько чекбоксов. Как активировать буттон submit только если выбраны все чекбоксы?

javascript jquery html5

Источник: Stack Overflow на русском

Answer 1

▲ 0Принят

Как активировать буттон submit только если выбраны все чекбоксы?

Как вариант, можно такое сделать вот так.

const of = document.querySelector('form')
const all = of.querySelectorAll('[type="checkbox"]').length
of.addEventListener('click', _ => {
  const o = of.querySelector('button')
  o.disabled = of.querySelectorAll(':checked').length != all
})

<form>
  <div>
    <input type='checkbox' />
    <input type='checkbox' />
    <input type='checkbox' />
    <input type='checkbox' />
  </div>
  <button disabled>Тест</button>
</form>

Активировать буттон при выборе всех чекбоксов

Ответы