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.

<kbd> Tastatureingabe

CSS - Drehende E-Mail - Problem gelöst!

PHP - Badwordfilter

JavaScript - Position der Einfügemarke in einem Textfeld ermitteln

MySQL - Datum (DATETIME) in ein deutsches Datumsformat umwandeln

Tote Links
Hyperlinks (Links), die auf eine nicht vorhandene Datei verweisen, heißen "tote Links". Klickt man darauf, erscheint eine Fehlermeldung. Solche toten Links machen einen unprofessionellen Eindruck. Es gibt aber Tools, die Webseiten auf tote Links überprüfen können.