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

Zabbix' PSK-Verschlüsselung kombiniert mit zabbix_get-Wert

Seit Zabbix Version 3.0 wird verschlüsselte Kommu...

Warum MySQL die Verwendung von Nullspalten mit Standardwerten nicht empfiehlt

Die Antwort, die Sie oft hören, ist, dass die Ver...

JavaScript-Selektorfunktionen querySelector und querySelectorAll

Inhaltsverzeichnis 1. querySelector fragt ein ein...

Verstehen Sie das elastische CSS3 FlexBox-Layout in 10 Minuten

Grundlegende Einführung Merkmale Flexbox ist ein ...

Zusammenfassung der Probleme bei der Speicherplatzfreigabe unter Linux

Die /Partitionsauslastung eines Servers im IDC is...

MySQL-Datenbankbeschränkungen und Prinzipien des Datentabellenentwurfs

Inhaltsverzeichnis 1. Datenbankbeschränkungen 1.1...

MySQL 8.0 Upgrade-Erfahrung

Inhaltsverzeichnis Vorwort 1. Deinstallieren Sie ...

Füllen Sie die Suchfunktion auf der HTML-Seite aus

Ich habe kürzlich an einem Framework gearbeitet, ...

Installations- und Nutzungsprotokoll von VMware ESXi (mit Download)

Inhaltsverzeichnis 1. Installieren Sie ESXi 2. ES...