• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

[FRAGE] Label-Style einer Checkbox bei onClick ändern

I

insayn

New member
Hallo Community,

ich habe folgendes Problem, ich möchte den Style eines Labels für eine checkbox bei click auf das Label ändern.

Code:

HTML: 
<input class="checkbox" type="checkbox" value="1" id="wurf1" name="wurf1">
  <label for="wurf1" >
    <img src="img/1.gif" width="40" height="40" style="cursor:pointer;"/>
  </label>

Wunsch: Wenn ich auf das Labelbild klicke soll um das Bild ein Border erscheinen,klicke ich erneut darauf soll der Border wieder verschwinden.

Bin in Sachen Javascript nicht wirklich erfahren.

Danke schonmal für eure Hilfe.
 
Man macht ein <label> schon eigentlich auch um das Element herum, auf das es sich bezieht, also die Checkbox. Zuerst hab ich darum auch erstmal nichts verstanden...
Dann müsstest du zumindest etwas Eigeninitiative zeigen. Versuche dich doch zuerst einmal an einem Skript - wenn das dann nicht funktioniert, helfen wir gerne weiter!
 
Wenn man moderne Browser voraussetzen kann, kann man sowas auch komplett mit CSS und ohne JS machen:
Code: 
<!DOCTYPE html>

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Fenstertitel</title>
<style type="text/css">
label input[type=checkbox]:checked + span {
	border: 1px solid red;
}
</style>
</head>
<body>
<label>
	<input type="checkbox">
	<span>irgendein Text</span>
</label>
</body>
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben