label 안의 내용이 이미지 일 때 클릭시 인풋요소가 활성화가 안될때

label 안의 내용이 텍스트가 아닌 이미지 일때 ie 9미만 버전에서 레이블 값 클릭시 인풋요소에 포커스 활성화가 되지 않음.

 

예 ) <input type="radio" name="cs" id="cs01" /> <label for="cs01"><img src="../images/contents/img_star05.gif" alt="매우만족" /></label>

 

이럴땐 스크립트로 해결..

 onclick="javascript:parentNode.click()"

 

<input type="radio" name="cs" id="cs01" /> <label for="cs01"><img src="../images/contents/img_star05.gif" alt="매우만족(별 5개)" onclick="javascript:parentNode.click()" /></label>

 

* 탭키로 이동시.. 라디오버튼 같은 경우 탭키가 아닌 방향키로 이동하는것이 정석이므로 키보드로 운용하는데도 문제없음.