Norbert Kölln: Anzahl anklickbarer Checkboxen begrenzen

Beitrag lesen

Moin, moin!

Hier wäre eine Javascript-Lösung (quick and dirty):

<html>
  <head>
    <script language="JavaScript">
      var max=3;                                                         // maximale Anzahl gewählter Checkboxen
      function check(boxnr)
      {
        var objekte_gewaehlt=0;                                          // Anzahl gewählter Checkboxen zurücksetzen
        for(var i=0; i<document.formular.box.length; i++)                // alle Checkboxen durchgehen
          if(document.formular.box[i].checked==true) objekte_gewaehlt++; // gewählte Checkboxen zählen
        if(objekte_gewaehlt > max)                                       // wenn Anzahl gewählter Checkboxen zu hoch...
        {
          document.formular.box[boxnr].checked=false;                    // gerade gewählte Checkboxen zurücksetzen
          alert("Es dürfen maximal "+max+" Objekte ausgewählt werden!"); // Hinweis ausgeben
        }
      }
    </script>
  </head>
  <body>
    Wählen Sie mehrere Checkboxen aus. Wird dabei das Maximum überschritten,
    so wird die letzte Auswahl rückgängig gemacht und ein Hinweis ausgegeben.
    <br>
    <form name="formular">
      <input type="checkbox" name="box" value="Box a" onClick="check(0)">Box a<br>
      <input type="checkbox" name="box" value="Box b" onClick="check(1)">Box b<br>
      <input type="checkbox" name="box" value="Box c" onClick="check(2)">Box c<br>
      <input type="checkbox" name="box" value="Box d" onClick="check(3)">Box d<br>
      <input type="checkbox" name="box" value="Box e" onClick="check(4)">Box e<br>
    </form>
  </body>
</html>

Alles klar?

Norbert