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

Question

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

Answer 1

Как активировать буттон 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>

БЛОГ НА HUSL

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

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