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>
-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 (http://www.yubb.de/demos/tipps_17.html)Geschrieben von Phil Marx am 18.06.2004 (4719x gelesen)
Diese News stammt von der Seite http://www.yubb.de
Sie ist unter http://www.yubb.de/artikel304.html direkt aufrufbar.

Jegliche Reproduktion dieser Seite oder ihrer Inhalte ist strengstens untersagt.