用圖片作為label，for屬性IE下不起作用 _HTML/Xhtml_網頁製作

例如：

複製代碼

代碼如下:

我們希望得到的效果是：點擊“中國銀行”，複選框會被選上（或取消）。在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;iif(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": case "textarea": e.focus(); break;
}
}
}
}

} }