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

Detaillierte Erläuterung der grundlegenden Docker-Netzwerkkonfiguration

Externer Zugriff Ports nach dem Zufallsprinzip zu...

MySQL-Reihe: Datenbankdesign, drei Paradigmen, Tutorial-Beispiele

Inhaltsverzeichnis 1. Wissensbeschreibung der dre...

Fabric.js implementiert DIY-Postkartenfunktion

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

Wird CSS3 SCSS wirklich ersetzen?

Beim Styling unserer Webseiten haben wir die Wahl...

Details der benutzerdefinierten Vue-Anweisung

Inhaltsverzeichnis 1. Hintergrund 2. Lokale benut...

Grafisches Tutorial zur Installation der komprimierten Version von MySQL 8.0.15

In diesem Artikel wird die Installationsmethode d...

Drei Möglichkeiten zum Kopieren von MySQL-Tabellen (Zusammenfassung)

Tabellenstruktur und deren Daten kopieren Die fol...

So fragen Sie die Schnittmenge von Zeiträumen in MySQL ab

Mysql-Abfragezeitraum-Schnittmenge Anwendungsszen...

So stellen Sie zabbix_agent in Docker bereit

zabbix_agent-Bereitstellung: Empfehlung: zabbix_a...

Beispielcode für HTML-Layered-Box-Shadow-Effekt

Schauen wir uns zunächst das Bild an: Heute werde...