画像をラベルとして使用すると、IE _HTML/Xhtml_Web ページ作成では for 属性が機能しません

例:

コードをコピー

コードは次のとおりです:

効果私たちが取得したいのは次のとおりです。「中国銀行」をクリックすると、チェックボックスが選択されます（またはキャンセルされます）。 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); ){
case "ラジオ": e.checked|=1;break;
case "チェックボックス": e.checked=!e.checked;break;
case "テキスト": case "パスワード" : case "textarea ": e.focus();
}
}
}
}
}