JavaScripts > Text > Script-Detail: Formular: Alle Checkboxen auf einmal markieren
Formular: Alle Checkboxen auf einmal markieren
Auf diversen Seiten hat man verschiedene Optionen und es gibt eine Möglichkeit, alle Optionen auf einmal zu markieren. Wie das geht, erklärt dieses Script.In Formularen kommt es vor, dass man viele Auswahlboxen des Types checkbox hat. Nun steht man aber vor einem Problem, dass wenn man viele Auswahlboxen dieses Types hat, dass einer alle markieren möchte. Nun müsste er jede Box einzeln anklicken. Etwas aufwändig, oder? Aber es geht auch einfacher:
Füge in den
| Code: |
<head>...</head> |
| Code: |
<script language="JavaScript"> <!-- Begin var checkflag = "false"; function check(field) { if (checkflag == "false") { for (i = 0; i < field.length; i++) { field[i].checked = true;} checkflag = "true"; return "Demarkieren"; } else { for (i = 0; i < field.length; i++) { field[i].checked = false; } checkflag = "false"; return "Markieren"; } } // End --> </script> |
Sooo, normalerweise haben Checkboxen, die zusammengehören, den gleichen
| Code: |
name |
| Code: |
auswahl |
| Code: |
<input type=checkbox name=auswahl value="1">Auswahl1 <input type=checkbox name=auswahl value="2">auswahl2 <input type=checkbox name=auswahl value="3">auswahl3 <input type=checkbox name=auswahl value="4">Auswahl4 <input type=checkbox name=auswahl value="5">Auswahl5 |
Um es nun zu erreichen, dass alle Felder auf einmal markiert werden, erstelle einen Button:
| Code: |
<input type=button value="Markieren" onClick="this.value=check(this.form.auswahl)"> |
Wie man sieht, werden die entsprechenden Boxen (
| Code: |
auswahl |
| Code: |
(this.form.auswahl) |
Das wars. Eine Demo findest du hier
Geschrieben von Phil Marx am 18.06.2004 (5141x gelesen)
weiterempfehlen
Druckversion
kommentieren