테이블 체크박스 tr 이벤트 막기

테이블로 그리드뷰처럼 구성하였고,

TR에 onclick 이벤트를 먹여서,

사용자가 한줄 한줄 리스트를 클릭할 수 있도록 화면 구성을 했다.

그런데 요구사항이 변경되어

가장 왼쪽에 체크박스를 넣어달란다..

그래서 td를 하나 만들어서 추가했더니..

checkbox를 눌렀는데 tr에 onclick 이벤트까지 먹힌다.

 

이럴때, 체크박스가 들어있는 td의 onclic 이벤트가 tr까지 전달되는걸 막아주면 된다.

바로 아래와 같이..

 

<td onclick='event.cancelBubble=true;'>