rabby: multiple Checkbox => alles auswählen/selektieren ?

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

  1. 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

    --
    L-Andre @ gmx.de
    1. 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

      --
      L-Andre @ gmx.de
      1. kleiner Rechtschreibfehler....  *schäm*

        1. 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

          --
          L-Andre @ gmx.de
    2. da kann ich mich nur bedanken ;-)

  2. 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>

    1. Hallo!

      wenn die auswahl 'alle kategorien' selektiert wurde.

      Wo wird die selectiert?

      MfG, André Laugks

      --
      L-Andre @ gmx.de
    2. 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

      1. kein text...............................