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

Grafische Einführung in den Unterschied zwischen := und = in MySQL

Der Unterschied zwischen := und = = Nur beim Setz...

VMware ESXI-Servervirtualisierungscluster

Inhaltsverzeichnis Zusammenfassung Umgebung und W...

MySQL-Installationsinformationen unter Linux-Server anzeigen

Sehen Sie sich die Installationsinformationen von...

So schreiben Sie Objekte und Parameter, um Flash in Firefox abzuspielen

Code kopieren Der Code lautet wie folgt: <Obje...

CSS-Float-Eigenschaftsdiagramm, Details der Float-Eigenschaft

Die korrekte Verwendung der CSS-Float-Eigenschaft...

Detaillierte Erklärung der Verwendung von Object.assign() in ES6

Inhaltsverzeichnis 2. Zweck 2.1 Objekten Eigensch...

So verwenden Sie Docker zum Bereitstellen eines Django-Technologie-Stack-Projekts

Mit der Popularität und Reife von Docker ist es a...

Lokale MySQL-Installation und Problemlösung

Vorwort Dieser Artikel ist ziemlich ausführlich u...

Docker-Dateispeicherpfad, Port-Mapping-Betriebsmodus ändern

So erhalten Sie den Container-Startbefehl Der Con...

MySQL Series 6-Benutzer und Autorisierung

Inhaltsverzeichnis Tutorial-Reihe 1. Benutzerverw...

HTML-Tabellen-Markup-Tutorial (38): Rahmenfarben-Attribut der Kopfzeile BORDERCOLOR

Um die Tabelle zu verschönern, können Sie für die...