Comment puis-je passer checkbox onclick event au parent onclick?

Question

Je ai avec un événement onclick et, et à l'intérieur.
Lorsque je clique sur la case à cocher, l'événement div-onclick ne se déclenche pas - je voudrais qu'il se déclenche sans avoir à dupliquer l'onclick sur la case à cocher.

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

Je connais le div-idtag mais idéalement, je voudrais éviter de le spécifier dans la case à cocher.
En utilisant un autre appel de fonction sur la case à cocher onclick pour appeler le parent est pas ce que je cherche, comme

onclick="run_parent_onclick()" 

mais cela est correct (non testé)

onclick="this.parent.click()" 

Answer 1

Vous pouvez tirer l'événement click de div manuellement dans le onclick de l'entrée:

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

ou

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

Answer 2

Utilisation addEventListener:

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

Le "vrai" rend la capture d'événement.