Bei Verwendung von Bildern als Beschriftungen funktioniert das for-Attribut bei der IE-Seitenproduktion _HTML/Xhtml_Web nicht

Zum Beispiel:

Code kopieren

Der Code lautet wie folgt:

Der Effekt Wir hoffen, Folgendes zu erhalten: Klicken Sie auf „Bank of China“. Das Kontrollkästchen wird aktiviert (oder deaktiviert). In FireFox, CHROME und anderen Browsern gibt es kein Problem, aber der IE-Browser mag das nicht.

Die Lösung besteht darin, JS zu verwenden:

Kopieren Sie den Code

Der Code lautet wie folgt:

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(
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;
}
}
}
}