Bei Verwendung eines Bilds als Beschriftung funktioniert das for-Attribut im IE nicht

Bei Verwendung eines Bilds als Beschriftung funktioniert das for-Attribut im IE nicht
Zum Beispiel:

Code kopieren
Der Code lautet wie folgt:

<input type="checkbox" id="a"><label für="a"><img src="..."></label>

Der Effekt, den wir erzielen möchten, ist folgender: Klicken Sie auf „Bank of China“ und das Kontrollkästchen wird ausgewählt (oder deaktiviert). In Browsern wie FireFox und CHROME gibt es kein Problem, aber der IE-Browser akzeptiert dies nicht.

Die Lösung besteht darin, JS zu verwenden:

Code kopieren
Der Code lautet wie folgt:

fenster.onload = funktion(){
wenn(document.alle && navigator.appVersion.indexOf("MSIE")>-1 && navigator.appVersion.indexOf("Windows")>-1)
{
var a = document.getElementsByTagName("Bezeichnung");
für(var i=0,j=a.length;i<j;i++){
wenn(a[i].hasChildNodes && a[i].childNodes.item(0).tagName == "IMG")
{
a[i].childNodes.item(0).forid = a[i].htmlFür;
a[i].childNodes.item(0).onclick = Funktion(){
var e = document.getElementById(this.forid);
Schalter(e.Typ){
Fall "Radio": e.geprüft|=1;break;
Fall „Kontrollkästchen“: e.geprüft=!e.geprüft;unterbrechen;
Fall „Text“: Fall „Passwort“: Fall „Textbereich“: e.focus(); Unterbrechung;
}
}
}
}
}
}

<<:  Webdesign-Prinzipien für Hyperlinks

>>:  Detaillierte Erläuterung der MySQL-Benutzerrechteverwaltung

Artikel empfehlen

Warum Entwickler Datenbanksperren im Detail verstehen müssen

1.Sperren? 1.1 Was ist ein Schloss? Die eigentlic...

Beispiel für einen Fork- und Mutex-Lock-Prozess im Linux-Multithreading

Inhaltsverzeichnis Frage: 1. Erster Versuch 2. Ra...

Tipps zum Listenaufbau für Website-Wartungsseiten

Und oft ist es für Wartungsarbeiten erforderlich, ...

Natives JS zur Realisierung eines einfachen Schlangenspiels

In diesem Artikel wird der spezifische Code von j...

Vue verwendet die Methode in der Referenzbibliothek mit Quellcode

Der offizielle Quellcode von monaco-editor-vue la...

Umfassendes Verständnis der Node-Ereignisschleife

Inhaltsverzeichnis Knoten-Ereignisschleife Ereign...

Lösung für die Auswirkungen leerer Pfade auf die Seitenleistung

Vor ein paar Tagen habe ich einen von Yu Bo getei...

Detaillierte Erklärung der Kernfunktionen und der Ereignisbehandlung von jQuery

Inhaltsverzeichnis Ereignis Seite wird geladen Ve...

Webdesign-Erfahrung: Effizientes Schreiben von Webcode

Ursprünglich sollte dieses siebte Kapitel eine aus...

Anwendung von Ankerpunkten in HTML

Ankerpunkt festlegen <a name="nach oben&qu...

Ein wenig bekanntes JS-Problem: [] == ![] ist wahr, aber {} == !{} ist falsch

konsole.log( [] == ![] ) // wahr console.log( {} ...