如何将checkbox 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

你可以在输入的onclick手动触发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); 

“真”使事件捕获。