如何將復選框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

使用addEventListener：

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

“true”使事件捕獲。

Answer 2

您可以在輸入的onclick中手動觸發div的click事件：

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

要么

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