Как в JS работать с эвентом "click" объектом имеющим disabled в атрибутах

Question

<input type="checkbox" id="check">
<button id="submit" type="sumbit" disabled>

Необходимо чтобы при нажатии пользователем на кнопку что-то происходило у чекбокса. Но т.к. кнопка имеет атрибут disabled , то никак не могу добавить эвент click

Атрибут disabled выдаётся когда пользователь не нажал на чекбокс. И необходимо чтобы при попытке нажать на кнопку с disabled подсвечивался чекбокс.

Если эвент click нельзя поставить никак на кнопку с disabled, то может есть какие-нибудь другие эвенты, например при наведении?

Answer 1

document.querySelector('span').addEventListener('click', function (e) {
  var inp = document.getElementById('check')
  inp.checked = !inp.checked
})

span {
  display: inline-block;
}

button:disabled {
  pointer-events: none;
}

<form>
  <input type="checkbox" id="check">
  <span><button id="submit" type="sumbit" disabled>Click me</button></span>
</form>

БЛОГ НА HUSL

Как в JS работать с эвентом "click" объектом имеющим disabled в атрибутах

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