Почему управление input radio с помощью js не вызывает событие?

Question

Следующий код ничего не выведет в консоль, но если переключать input вручную, то все срабатывает

document.querySelectorAll("input").forEach((item) => {
  item.onchange = function () {
    console.log(123);
  };
});

document.querySelectorAll("input")[1].checked = true;

<form>
  <input type="radio" name="myradios" value="1" chekced />
  <input type="radio" name="myradios" value="2" />
  <input type="radio" name="myradios" value="3" />
</form>

Answer 1

Вот вам рабочий вариант на основе комментариев.

document.querySelectorAll("input").forEach((item) => {
  item.onchange = function () {
    console.log(123);
  };
});

document.querySelectorAll("input")[1].click();

<form>
  <input type="radio" name="myradios" value="1" checked />
  <input type="radio" name="myradios" value="2" />
  <input type="radio" name="myradios" value="3" />
</form>

БЛОГ НА HUSL

Почему управление input radio с помощью js не вызывает событие?

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