multiple Checkbox => alles auswählen/selektieren ?
rabby
- javascript
hallo welt!
in meiner form hab ich ne auswahlbox, die mehrere markierte felder gestattet(multiple):
<td><select name="kathegorie[]" size="26" class="input" multiple>
<option value="Auskunft & Informationen">Auskunft & Informationen
<option value="Communities">Communities
<option value="Computer & Technik">Computer & Technik
<option value="E-Commerce">E-Commerce
<option value="eDonkey">eDonkey
<option value="Erotik">Erotik
<option value="Filme, Kino & Trailer">Filme, Kino & Trailer
<option value="Flirten & Liebe">Flirten & Liebe
<option value="Freizeit">Freizeit
<option value="Fun, Witze & Spaß">Fun, Witze & Spaß
<option value="Games">Games
<option value="Gesundheit & Ernährung">Gesundheit & Ernährung
<option value="Grafik & Bilderarchive">Grafik & Bilderarchive
<option value="Handyseiten">Handyseiten
<option value="Internet">Internet
<option value="Manga">Manga
<option value="MP3 / Musik">MP3 / Musik
<option value="Online-Shopping">Online-Shopping
<option value="Private Homepage">Private Homepage
<option value="Refsammler">Refsammler
<option value="Reisen & Touristik">Reisen & Touristik
<option value="Sonstiges">Sonstiges
<option value="Sport">Sport
<option value="Telekommunikation">Telekommunikation
<option value="Webmaster">Webmaster
<option value="Wirtschaft & Finanzen">Wirtschaft & Finanzen
</select></td>
nun beabsichtige ich noch eine zusätzliche markierungsoption einzubinden, die sich 'Alle Kategorien' nennt und sobald diese ausgewählt wird, sollen mit Hilfe von JS alle Felder der Checkbox markiert werden.
Hat jmd ein gutes beispiel dafür oder 1 passendes tutorial ?
denn bei der suche mit google werden lediglich beispiele gefunden, bei denen dann nur das eine feld('alle k...') selektiert wird und nicht durch den klick alle felder markiert werden :-(
thanke,
mfg rabby
Hallo!
nun beabsichtige ich noch eine zusätzliche markierungsoption einzubinden, die sich 'Alle Kategorien' nennt und sobald diese ausgewählt wird, sollen mit Hilfe von JS alle Felder der Checkbox markiert werden.
<script type="text/javascript">
<!--
function auswahl() {
anzahl = document.forms["formularname"].elements["kathegorie[]"].length;
for(var i = 0; i < anzahl; i++)
{
document.forms["formularname"].elements["kathegorie[]"].options[i].selected = true;
}
}
//-->
</script>
dazu: http://selfhtml.teamone.de/javascript/objekte/options.htm
MfG, André Laugks
Hallo!
anzahl = document.forms["formularname"].elements["kathegorie[]"].
document.forms["formularname"].elements["kathegorie[]"].options[i].selected = true;
Bei Dir heißt das Select-Element "kathegorie" (+h).
MfG, André Laugks
kleiner Rechtschreibfehler.... *schäm*
Hallo!
kleiner Rechtschreibfehler.... *schäm*
Ich bin nicht besser. Ich wollte das nur sagen, falls Du den Fehler schon berichtigt hast und mein Script kein kopierst.
MfG, André Laugks
da kann ich mich nur bedanken ;-)
was stimmt da nicht?
schließlich sollte das ganze nur ausgeführt werden, wenn die auswahl 'alle kategorien' selektiert wurde.
deshalb hier noch ne if anweisung mit drin, die noch net funktioniert :-(
<script type="text/javascript">
function auswahl() {
alle=0;
anzahl = document.forms['auftrag'].elements["kathegorie[]"].length;
for(var i = 0; i < anzahl; i++)
{
if(document.forms['auftrag'].elements["kathegorie[]"].options[i].value == 'Alle Kategorien' & document.forms['auftrag'].elements["kathegorie[]"].options[i].checked)
{alle=1;}
}
if(alle!=0)
{
for(var i = 0; i < anzahl; i++)
{
document.forms['auftrag'].elements["kathegorie[]"].options[i].selected = true;
}
}
}
//--><script type="text/javascript">
function auswahl() {
alle=0;
anzahl = document.forms['auftrag'].elements["kathegorie[]"].length;
for(var i = 0; i < anzahl; i++)
{
if(document.forms['auftrag'].elements["kathegorie[]"].options[i].value == 'Alle Kategorien' & document.forms['auftrag'].elements["kathegorie[]"].options[i].checked)
{alle=1;}
}
if(alle!=0)
{
for(var i = 0; i < anzahl; i++)
{
document.forms['auftrag'].elements["kathegorie[]"].options[i].selected = true;
}
}
}
</script>
Hallo!
wenn die auswahl 'alle kategorien' selektiert wurde.
Wo wird die selectiert?
MfG, André Laugks
Hallo,
was stimmt da nicht?
schließlich sollte das ganze nur ausgeführt werden, wenn die auswahl 'alle kategorien' selektiert wurde.
deshalb hier noch ne if anweisung mit drin, die noch net funktioniert :-(
if(document.forms['auftrag'].elements["kathegorie[]"].options[i].value == 'Alle Kategorien' & document.forms['auftrag'].elements["kathegorie[]"].options[i].checked)
{alle=1;}
http://selfhtml.teamone.de/javascript/sprache/operatoren.htm#logisch
Mit dem logischen Operator && verknüpfen Sie zwei oder mehrere Bedingungen durch "und", d.h. beide bzw. alle Bedingungen müssen erfüllt sein, damit die gesamte Bedingung erfüllt ist.
http://selfhtml.teamone.de/javascript/sprache/operatoren.htm#bits
& ist eine bitweise UND-Verknüpfung. Die willst Du hier bestimmt nicht einsetzen.
viele Grüße
Axel
kein text...............................