그림을 레이블로 사용하면 for 속성이 IE _HTML/Xhtml_Web 페이지 생성에서 작동하지 않습니다.

예:

코드 복사

코드는 다음과 같습니다.

효과 우리가 얻고자 하는 것은 다음과 같습니다. "Bank of China"를 클릭하면 확인란이 선택(또는 취소)됩니다. FireFox, CHROME 등 다른 브라우저에서는 문제가 없는데, IE 브라우저에서는 이런 현상이 마음에 들지 않습니다.

해결책은 JS를 사용하는 것입니다.

코드 복사

코드는 다음과 같습니다.

window.onload = function(){
if(document.all && navigator.appVersion.indexOf("MSIE")>-1 && navigator.appVersion.indexOf("Windows") >-1 )
{
var a = document.getElementsByTagName("label")
for(var i=0,j=a.length;i if(a[ i].hasChildNodes && a[i].childNodes.item(0).tagName == "IMG")
{
a[i].childNodes.item(0).forid = a [i].htmlFor;
a[i].childNodes.item(0).onclick = function(){
var e = document.getElementById(this.forid)
switch(e.type) ){
case "radio": e.checked|=1;break;
case "checkbox": e.checked=!e.checked;break
case "text": case "password" : 케이스 "텍스트 영역": e.focus(); break
}
}
}
}
}
}