Как я могу передать событие флажка onclick родительскому элементу onclick?

Question

Я с событием onclick и внутри него.
Когда я нажимаю на флажок, событие div-onclick не срабатывает - я бы хотел, чтобы оно срабатывало без повторного дублирования onclick на флажок.

<div id="id-tag" onclick="do()">
  <span>text</span>
  <img src="pic.jpg" />
  <input type="checkbox" name="mycheck" />
</div>

Я знаю div-idtag, но в идеале хотел бы не указывать его внутри флажка.
Использование другого вызова функции на флажке onclick для вызова родителя НЕ то, что я ищу, например

onclick="run_parent_onclick()"

но это нормально (не проверено)

onclick="this.parent.click()"

Answer 1

Вы можете запустить событие щелчка div в ручке ввода:

<input type="checkbox" name="mycheck" onclick="this.parentNode.click()" />

или

<input type="checkbox" name="mycheck" onclick="document.getElementById('id-tag').click()" />

Answer 2

Использовать addEventListener:

function do(e) { ... }
document.getElementById('id-tag').addEventListener('click', do, true);

«Истина» делает захват события.