JavaScript - Beim Anklicken einer Checkbox den dazugehörenden Text hervorheben





<script>

// Beim Anklicken einer Checkbox den dazugehörenden Text hervorheben

function mark(checkBox) {
 
checkBox.parentNode.style.color = (checkBox.checked) ? "blue" "black";
}
</
script>


<
label><input type="checkbox" name="a" onclick="mark(this)"AAA</label><br>
<
label><input type="checkbox" name="b" onclick="mark(this)"BBB</label><br>
<
label><input type="checkbox" name="c" onclick="mark(this)"CCC</label><br>
<
label><input type="checkbox" name="d" onclick="mark(this)"DDD</label>

Siehe auch: CSS - Markierte Checkbox farbig hervorheben

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<embed>Externe Anwendung

CSS - Externe URL des Hyperlinks sichtbar machen

PHP - Daten (Array) mit Komma separieren und Leerzeichen löschen

JavaScript - HTML-Title Attribut tauschen

MySQL - Spalte einer Tabelle sortieren

100% Text
Eine Seite sollte nicht nur mit 100% Text gefüllt sein. Lockern Sie die Seite auf zum Beispiel mit verschieden großen Absätzen, farbigen Überschriften, Bildern und Hyperlinks. Vom großen Vorteil ist, wenn der Text nicht über die ganze Browserseite geht. Mit Tabellen können Sie die Textbreite leicht begrenzen => bessere Lesbarkeit und Übersicht.