확인란 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-id 태그를 알고 있지만 이상적으로는 체크 박스 안에 지정하지 않는 것이 좋습니다. 체크 박스에 다른 함수 호출을 사용
는

onclick="run_parent_onclick()" 

처럼, 부모는 내가 찾고 있어요되지 것입니다 전화 온 클릭하지만이

onclick="this.parent.click()" 

Answer 1

당신은 입력의 OnClick에서 수동 사업부의 클릭 이벤트를 발생 수 :

<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); 

"true"는 이벤트 캡처를 만듭니다.