Tobi: Wie kann ich mehrere Checkbox-Felder mit einem Klick auswählen?

SELF-Forum

Wie kann ich mehrere Checkbox-Felder mit einem Klick auswählen?

Tobi Homepage des Autors
– Informationen zu den Bewertungsregeln

hallo!

wie kann ich mehrere checkbox-felder mit einem klick aktivieren?

<html>
<body>
<form action="input_checkbox.htm">
<p>Kreuzen Sie die gewünschten Zutaten an:</p>
<p>
<input type="checkbox" name="zutat" value="salami"> Salami<br>
<input type="checkbox" name="zutat" value="pilze"> Pilze<br>
<input type="checkbox" name="zutat" value="sardellen"> Sardellen
</p>
<hr>
<a href="javascript: ??? ">alle Ausw&aumlhlen</a>
</form>
</body>
</html>

Bsp.:
http://selfhtml.teamone.de/html/formulare/anzeige/input_checkbox.htm

danke.
Tobi

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Wie kann ich mehrere Checkbox-Felder mit einem Klick auswählen?

    Johannes Zeller
    – Informationen zu den Bewertungsregeln

    Hallo Tobi

    Guck mal unter http://selfhtml.teamone.de/javascript/objekte/elements.htm#checked

    Schöne Grüße

    Johannes

    --
    This posting comes with ABSOLUTELY NO WARRANTY, to the extend permitted by applicable law.
    ss:| zu:) ls:[ fo:) de:] va:) ch:? sh:( n4:& rl:( br:< js:| ie:{ fl:( mo:}
    Selfcode? Was ist denn das? http://emmanuel.dammerer.at/selfcode.html
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Wie kann ich mehrere Checkbox-Felder mit einem Klick auswählen?

      Tobi
      – Informationen zu den Bewertungsregeln

      Hallo Tobi

      Guck mal unter http://selfhtml.teamone.de/javascript/objekte/elements.htm#checked

      Schöne Grüße

      Johannes

      hilft mir leider nicht weiter...

      ----------------------------

      Mein Quelltext:

      <html>

      <script type="text/javascript">
      <!--
      function wechsel(tld[]) {
      if(tld[].checked) {
      tld[].checked = false;
      }
      else {
      tld[].checked = true;
      }
      }
      // -->
      </script>

      <body>

      <form name="domainabfrage" action="cgi-bin/test.pl" method="post">

      <font face="Arial, Helvetica, sans-serif" color="#000000" size="-1">www.
      <input type="text" name="domain" size="30" maxlength="255" value=""> 
      [<a href="javascript:document.domainabfrage.submit()"> suchen </a>]
      <hr size="1">

      <input type="hidden" name="tld[]" value="NICHT ENTFERNEN!">

      <input type="checkbox" name="tld[]" value=".al">.al
      <input type="checkbox" name="tld[]" value=".at">.at
      <input type="checkbox" name="tld[]" value=".az">.az
      <input type="checkbox" name="tld[]" value=".ba">.ba
      <input type="checkbox" name="tld[]" value=".be">.be
      <input type="checkbox" name="tld[]" value=".bg">.bg
      <input type="checkbox" name="tld[]" value=".by">.by
      <input type="checkbox" name="tld[]" value=".com" checked>.com
      <input type="checkbox" name="tld[]" value=".cy">.cy
      <input type="checkbox" name="tld[]" value=".cz">.cz
      <input type="checkbox" name="tld[]" value=".de" checked>.de
      <input type="checkbox" name="tld[]" value=".dk">.dk
      <input type="checkbox" name="tld[]" value=".dz">.dz
      <input type="checkbox" name="tld[]u" value=".edu">.edu
      <input type="checkbox" name="tld[]" value=".ee">.ee
      <input type="checkbox" name="tld[]" value=".eg">.eg
      <input type="checkbox" name="tld[]" value=".es">.es
      <input type="checkbox" name="tld[]" value=".fi">.fi
      <input type="checkbox" name="tld[]" value=".fo">.fo
      <input type="checkbox" name="tld[]" value=".fr">.fr
      <input type="checkbox" name="tld[]" value=".gb">.gb
      <input type="checkbox" name="tld[]" value=".ge">.ge
      <input type="checkbox" name="tld[]" value=".gr">.gr
      <input type="checkbox" name="tld[]" value=".hr">.hr
      <input type="checkbox" name="tld[]" value=".hu">.hu
      <input type="checkbox" name="tld[]" value=".ie">.ie
      <input type="checkbox" name="tld[]" value=".il">.il
      <input type="checkbox" name="tld[]" value=".is">.is
      <input type="checkbox" name="tld[]" value=".lt">.lt
      <input type="checkbox" name="tld[]" value=".lu">.lu
      <input type="checkbox" name="tld[]" value=".lv">.lv
      <input type="checkbox" name="tld[]" value=".ma">.ma
      <input type="checkbox" name="tld[]" value=".md">.md
      <input type="checkbox" name="tld[]" value=".mk">.mk
      <input type="checkbox" name="tld[]" value=".mt">.mt
      <input type="checkbox" name="tld[]" value=".net" checked>.net
      <input type="checkbox" name="tld[]" value=".no">.no
      <input type="checkbox" name="tld[]" value=".org" checked>.org
      <input type="checkbox" name="tld[]" value=".pl">.pl
      <input type="checkbox" name="tld[]" value=".pt">.pt
      <input type="checkbox" name="tld[]" value=".ro">.ro
      <input type="checkbox" name="tld[]" value=".ru">.ru
      <input type="checkbox" name="tld[]" value=".si">.si
      <input type="checkbox" name="tld[]" value=".sk">.sk
      <input type="checkbox" name="tld[]" value=".sm">.sm
      <input type="checkbox" name="tld[]" value=".su">.su
      <input type="checkbox" name="tld[]" value=".tn">.tn
      <input type="checkbox" name="tld[]" value=".tr">.tr
      <input type="checkbox" name="tld[]" value=".ua">.ua
      <input type="checkbox" name="tld[]" value=".va">.va
      <input type="checkbox" name="tld[]" value=".yu">.yu

      <hr size="1">
      <a href="javascript:wechsel(document.thisform.tld[])">alle auswählen 1</a>
      <hr>
      <a onclick="if(document.thisform.tld[].checked)
      document.thisform.tld[].checked=false;
      else document.thisform.tld[].checked=true;" href="#"> alle auswählen 2</a>
      </form>

      </body>
      </html>

      --------
      Das Feld name="tld[]" kann ich nicht ändern, da ich auf ein externes script zugreifen muß...

      Ich würde gerne per click alle auswählen...

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. /JAVASCRIPT ...funktioniert noch immer nicht... :-(

        Tobi
        – Informationen zu den Bewertungsregeln

        hallo!

        leider komme ich nicht weiter...
        ich möchte mit einem klick alle checkbox-felder aktivieren

        tobi

        ---
        mein Quelltext:

        <html>

        <title>Domainabfrage</title>
        <script language="javascript" type="text/javascript">
        <!--
        function wechsel(tld[]) {
         if(tld[].checked) {
          tld[].checked = false;
         }
         else {
          tld[].checked = true;
         }
        }
        // -->
        </script>

        <body>
        <form name="domainabfrage" action="cgi-bin/test.pl" method="post">

        <font face="Arial, Helvetica, sans-serif" color="#000000" size="-1">www.
         <input type="text" name="domain" size="30" maxlength="255" value=""> 
         [<a href="javascript:document.domainabfrage.submit()"> suchen </a>]
         <hr size="1">

        <input type="hidden" name="tld[]" value="NICHT ENTFERNEN!">

        <input type="checkbox" name="tld[]" value=".al">.al
         <input type="checkbox" name="tld[]" value=".at">.at
         <input type="checkbox" name="tld[]" value=".az">.az
         <input type="checkbox" name="tld[]" value=".ba">.ba
         <input type="checkbox" name="tld[]" value=".be">.be
         <input type="checkbox" name="tld[]" value=".bg">.bg
         <input type="checkbox" name="tld[]" value=".by">.by
         <input type="checkbox" name="tld[]" value=".com" checked>.com
         <input type="checkbox" name="tld[]" value=".cy">.cy
         <input type="checkbox" name="tld[]" value=".cz">.cz
         <input type="checkbox" name="tld[]" value=".de" checked>.de
         <input type="checkbox" name="tld[]" value=".dk">.dk
         <input type="checkbox" name="tld[]" value=".dz">.dz
         <input type="checkbox" name="tld[]u" value=".edu">.edu
         <input type="checkbox" name="tld[]" value=".ee">.ee
         <input type="checkbox" name="tld[]" value=".eg">.eg
         <input type="checkbox" name="tld[]" value=".es">.es
         <input type="checkbox" name="tld[]" value=".fi">.fi
         <input type="checkbox" name="tld[]" value=".fo">.fo
         <input type="checkbox" name="tld[]" value=".fr">.fr
         <input type="checkbox" name="tld[]" value=".gb">.gb
         <input type="checkbox" name="tld[]" value=".ge">.ge
         <input type="checkbox" name="tld[]" value=".gr">.gr
         <input type="checkbox" name="tld[]" value=".hr">.hr
         <input type="checkbox" name="tld[]" value=".hu">.hu
         <input type="checkbox" name="tld[]" value=".ie">.ie
         <input type="checkbox" name="tld[]" value=".il">.il
         <input type="checkbox" name="tld[]" value=".is">.is
         <input type="checkbox" name="tld[]" value=".lt">.lt
         <input type="checkbox" name="tld[]" value=".lu">.lu
         <input type="checkbox" name="tld[]" value=".lv">.lv
         <input type="checkbox" name="tld[]" value=".ma">.ma
         <input type="checkbox" name="tld[]" value=".md">.md
         <input type="checkbox" name="tld[]" value=".mk">.mk
         <input type="checkbox" name="tld[]" value=".mt">.mt
         <input type="checkbox" name="tld[]" value=".net" checked>.net
         <input type="checkbox" name="tld[]" value=".no">.no
         <input type="checkbox" name="tld[]" value=".org" checked>.org
         <input type="checkbox" name="tld[]" value=".pl">.pl
         <input type="checkbox" name="tld[]" value=".pt">.pt
         <input type="checkbox" name="tld[]" value=".ro">.ro
         <input type="checkbox" name="tld[]" value=".ru">.ru
         <input type="checkbox" name="tld[]" value=".si">.si
         <input type="checkbox" name="tld[]" value=".sk">.sk
         <input type="checkbox" name="tld[]" value=".sm">.sm
         <input type="checkbox" name="tld[]" value=".su">.su
         <input type="checkbox" name="tld[]" value=".tn">.tn
         <input type="checkbox" name="tld[]" value=".tr">.tr
         <input type="checkbox" name="tld[]" value=".ua">.ua
         <input type="checkbox" name="tld[]" value=".va">.va
         <input type="checkbox" name="tld[]" value=".yu">.yu

        <hr size="1" color="red">
         Möglichkeit 1:<br>
         <a href="javascript:wechsel(document.thisform.tld[])">alle auswählen</a>
         <p>
         Möglichkeit 2:<br>
         <a href="javascript:if(document.thisform.tld[].checked) document.thisform.tld[].checked=false; else document.thisform.tld[].checked=true;"> alle auswählen</a>
        </form>

        </body>
        </html>

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln