Nix-blick: Checkboxen addieren

SELF-Forum

Checkboxen addieren

Nix-blick
– Informationen zu den Bewertungsregeln

Hallo,

ich habe ein Formular erstellt, bei dem man verschiedene Antworten anklicken kann. Nun will ich per Javascript zählen lassen, wie viele Häkchen gemacht wurden und evtl. darauf hinweisen, dass zuviel angekreuzt wurde. Ich weiß, dass es so was wie "eval()" gibt, um den Array als Wert ausgeben zu lassen und ".checked" um die Kästchen zu zählen, aber ich kriegs einfach nicht auf die Reihe.
Für Tipps und Vorschläge, die mir evtl. das Brett vor dem kopf wegnehmen könnten, wäre ich sehr dankbar.

Liebe Grüße
Nix-blick

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Checkboxen addieren

    H2O
    – Informationen zu den Bewertungsregeln

    Hallo.

    ich habe ein Formular erstellt, bei dem man verschiedene Antworten anklicken kann. Nun will ich per Javascript zählen lassen, wie viele Häkchen gemacht wurden und evtl. darauf hinweisen, dass zuviel angekreuzt wurde. Ich weiß, dass es so was wie "eval()" gibt, um den Array als Wert ausgeben zu lassen und ".checked" um die Kästchen zu zählen, aber ich kriegs einfach nicht auf die Reihe.

    Hier ein Quelltext für dich:

    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

    <html>
    <head>
    <title>Checkboxen kontrollieren</title>

    <script type="text/javascript">
    <!--

    var anzahl = "0";
    function zahl() {
    for(var i = 0; i < 10; i++)   // 10 ist hier die Anzahl der Checkboxen
    if (document.formname.kast[i].checked == true) {
    anzahl++;
    }
    document.formname.alle.value = anzahl;

    if (anzahl >= 3) {                // ab wie vielen soll die alert erscheinen
    alert("Sie haben zu viele Kästchen ausgewählt.");
    }
    anzahl = "0";
    }

    //-->
    </script>

    </head>
    <body>

    <form name="formname">
    <input type="checkbox" name="kast" value="1"><br>
    <input type="checkbox" name="kast" value="2"><br>
    <input type="checkbox" name="kast" value="3"><br>
    <input type="checkbox" name="kast" value="4"><br>
    <input type="checkbox" name="kast" value="5"><br>
    <input type="checkbox" name="kast" value="6"><br>
    <input type="checkbox" name="kast" value="7"><br>
    <input type="checkbox" name="kast" value="8"><br>
    <input type="checkbox" name="kast" value="9"><br>
    <input type="checkbox" name="kast" value="10"><br>
    <br>
    <br>
    Sie haben <input type="text" size="1" name="alle"> Kästchen ausgewählt.
    </form>

    <input type="button" onClick="zahl();" value="Funktion ausführen">

    </body>
    </html>

    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

    Ich habe das ganze mal ausprobiert und es klappt gut.
    Dein Formular heißt hier "formname" und die Kästchen heißen "kast".
    Das Textfeld darunter ist nur zum Anzeigen da, wie viele Boxen ausgewählt wurden.

    Das noch angleichen wirst du ja warscheinlich selber hinbekommen.

    Für Tipps und Vorschläge, die mir evtl. das Brett vor dem kopf wegnehmen könnten, wäre ich sehr dankbar.

    Warscheinlich ist das Brett jetzt weg ;)

    Ich hoffe ich konnte helfen, H2O

    --
    #*~!:     Endlich Ferien.
    Selfcode: ie:% fl:| br:^ va:| ls:# fo:) rl:? n4:| ss:{ de:] js:) ch:? sh:( mo:? zu:|
    Infos:    http://emmanuel.dammerer.at/selfcode.html
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln