JavaScript / Checkboxen mit JavaScript überprüfen

von: Werner Zenk

Mit diesem JavaScript lassen sich Checkboxen (von unterschiedlicher
Anzahl) überprüfen ob der Benutzer diese ausgewählt hat.

Wenn Checkboxen ausgewählt wurden erscheint eine Meldung ( confirm )
Bei einem "OK" wird der Submit (die Übertragung des Formulars) ausgeführt.


Demo:

Datei 1
Datei 2
Datei 3
Datei 4




Quelltext:
<script type="text/javascript">
function kontrolle() {
var check = 0;
for (var zaehler = 0; zaehler < (document.getElementsByName("id[]").length); zaehler++) {
 if (document.getElementsByName("id[]")[zaehler].checked) {
  check++;
 }
}
if (check > 0) {
  var frage = confirm("Möchten Sie die " +
 (check == 1 ? "Datei" : "Dateien") + " wirklich löschen?");
  if (frage == true) {
   return true;
  } 
  else {
   return false;
  }
 } 
 else {
  return true;
 }
}
</script>

<form action="" method="post" onSubmit="return kontrolle();">
 Datei 1 <input type="checkbox" name="id[]" value="6678968"> <br>
 Datei 2 <input type="checkbox" name="id[]" value="4526125"> <br>
 Datei 3 <input type="checkbox" name="id[]" value="7741544"> <br>
 Datei 4 <input type="checkbox" name="id[]" value="8564523"> <br>
 
 <button type="submit" name="loeschen"> Löschen</button>
</form>
    Ihr Kommentar
      Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!
 Das könnte Sie interessieren:
XML-Datei erstellen, auslesen, suchen und überprüfen.  Kopiegenerator - Dieser nützliche Generator kopiert eingegebenen Text mehrfach.  Umlaute, Sonderzeichen, Unicode und Besonderheiten  Bookmarklets - Kleine Helfer für den Webmaster.  Webseite vorlesen lassen  Verschiedene Zielgruppen  Open Source: Quelltext anzeigen  FAQ Generator - Der FAQ Generator erstellt eine Liste mit Fragen und Antworten. Wird eine Frage angeklickt, erscheint darunter die Antwort.  Lichtregler  Menü in die Webseite einbauen (2)  …mehr
 Seitenanfang        Lesezeichen setzen          
Letzte Änderung am Sonntag, den 03 Januar 2010
© 2000-2010 Homepage-Total.de         KontaktImpressumBanner