So verwenden Sie benutzerdefinierte Bilder in HTML zum Anzeigen von Kontrollkästchen

Wenn Sie zur Implementierung eines Kontrollkästchens ein Bild verwenden müssen, können Sie es zur Implementierung verwenden. Das Implementierungsprinzip besteht darin, die Anzeige des Kontrollkästchens durch eine Beschriftung zu ersetzen, die Anzeige des Kontrollkästchens auf „keine“ zu setzen, das im Beschriftungs-Tag anzuzeigende Bild img zu verwenden und dann eine js-Funktion zu verwenden, um das Umschalten des Bilds zu steuern, unabhängig davon, ob es ausgewählt ist oder nicht.

JavaScript CodeInhalt in die Zwischenablage kopieren

<label für = "stimme zu" >
<img Klasse = "Kontrollkästchen" alt = "aktiviert" src = "../img/checked.png" id = "checkimg" onclick = "checkclick();" >
</Bezeichnung>
<Eingabetyp= "Kontrollkästchen" Stil= "Anzeige: keine" ID= "Zustimmen" aktiviert= "aktiviert" >
<Skript>
Funktion checkclick(){
var checkimg = document.getElementById( "checkimg" );
wenn ($( "#agree" ).ist( ':checked' ) ){
$( "#stimme zu" ).attr( "aktiviert" , "nicht aktiviert" );
checkimg.src = "../img/unchecked.png" ;
checkimg.alt= "nicht markiert" ;
} anders {
$( "#stimme zu" ).attr( "aktiviert" , "aktiviert" );
checkimg.src = "../img/checked.png" ;
checkimg.alt= "prüfen" ;
}
}
</Skript>

Das Obige ist der gesamte Inhalt der Methode zur Verwendung benutzerdefinierter Bilder in HTML zur Realisierung der Kontrollkästchenanzeige. Ich hoffe, jeder wird 123WORDPRESS.COM unterstützen~

<<: MySQL-Transaktionsanalyse

>>: Zusammenfassung der Techniken zur Implementierung komplexer Seitenlayouts mithilfe von Framesets

Tutorial zur Samba-Konfiguration für die Dateifreigabe im Linux-System

Lösen Sie das Problem, dass dem Benutzer „root“@„%“ der Zugriff auf die Datenbank „xxx“ verweigert wurde, nachdem eine Datenbank in MySQL erstellt wurde.

Vorwort Ich hatte kürzlich ein Problem bei der Ar...

So verwenden Sie benutzerdefinierte Bilder in HTML zum Anzeigen von Kontrollkästchen

Tutorial zur Samba-Konfiguration für die Dateifreigabe im Linux-System

So implementieren Sie die Zuordnung zwischen Rahmenfenstern und die Verwendung des Zielattributs von Hyperlinks

Grundlegende Verwendung des Befehls wget unter Linux

So installieren Sie mysql5.6 in Docker unter Ubuntu

Detaillierte Erläuterung der Wissenspunkte zu Linux-Dateivorgängen

React-Internationalisierung react-i18next ausführliche Erklärung

Vue implementiert den Lupeneffekt beim Tab-Umschalten

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.21

Detaillierte Erklärung des MySQL-Ausführungsplans

Natives JS realisiert zusammengesetzte Bewegungen verschiedener Bewegungen

Artikel empfehlen

Navicat kann keine Funktionslösungsfreigabe erstellen

Vollständige MySQL-Lernhinweise

Detaillierte Erklärung, wie Sie mit CSS einige Pixel Leerraum unter einem Bild freigeben können

Zusammenfassung gängiger Befehle für Ubuntu-Server

Diskussion zu den Themen Bildschaltflächenübermittlung und wiederholte Formularübermittlung

Zusammenfassung der MySQL-DML-Anweisungen

Detaillierte Erläuterung der Grundkenntnisse zur Front-End-Komponentenbildung

Lösen Sie das Problem, dass dem Benutzer „root“@„%“ der Zugriff auf die Datenbank „xxx“ verweigert wurde, nachdem eine Datenbank in MySQL erstellt wurde.

Warum MySQL das Löschen von Daten nicht empfiehlt

Eine einfache Möglichkeit, die QT-Anwendung in eingebettetem Linux neu zu starten (basierend auf QT4.8 qws)

Zusammenfassung der 16 XHTML1.0- und HTML-Kompatibilitätsrichtlinien

Was sind HTML-Inline-Elemente und Block-Level-Elemente und ihre Unterschiede

CSS-Implementierungscode für die Textausrichtung

Beispiel für die Anpassung von rem an mobile Geräte

Super ausführliches Tutorial zur Installation von MySQL 8.0.23