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:
JS-Index - Befehle  Tabellengenerator - Tabellen dienen nicht nur der Darstellung von Zahlen. Mithilfe der Tabellen lassen sich auch unsichtbare Seitenstrukturen aufbauen. Sie sind deshalb wichtige HTML-Tags für jeden Webmaster.  PHP-Einführung  TLD-Länderkürzel  E-Mail Netiquette - So macht Ihre E-Mail Eindruck. Schlampig verfasste E-Mails trüben die Leselust.  Browserweiche - Mit dieser Browserweiche können Sie CSS- oder JavaScript-Codezeilen ausklammern.  Html zu JavaScript Coder - Mit diesem Tool können Sie Html über JavaScript ausgeben.  Homepage-Tipps 3  Loch im Browser! - Löcher mit Grafiken und CSS.  …mehr
 Seitenanfang        Lesezeichen setzen          
Letzte Änderung am Sonntag, den 03 Januar 2010
© 2000-2010 Homepage-Total.de         KontaktImpressumBanner