yubb.de-Logo
Tutorials
yubb@yubb
yubbService
Inside yubb

Formular: Alle Checkboxen auf einmal markieren



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>
-Bereich folgendes Script ein:

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
-Tag. Nehmen wir also an, dass die Gesamtheit der Checkboxen den "namen"
Code:
auswahl
haben:

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
) in der Klammer angesprochen:
Code:
(this.form.auswahl)

Das wars. Eine Demo findest du hier

Geschrieben von Phil Marx am 18.06.2004 (6830x gelesen)
weiterempfehlen weiterempfehlen   Druckversion Druckversion   kommentieren kommentieren