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>
    Und Ihre Meinung?
      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:
Formularfelder farbig markieren - Dieses Script markiert alle "Input"-Tags in einem Formular farbig.  JavaScript terminieren  JavaScript Archiv: Diverses  Darstellungsmodus überprüfen - Darstellungsmodus der Webseite anzeigen.  JavaScript Bausteine 7  Alert Box  Seite manipulieren mit contentEditable - Mit dem Attribut contentEditable lassen sich einzelne Bereiche oder die gesamte Seite manipulieren.  Auswahlliste aktivieren  Text bei Mouseover ändern  Nur einmal senden - Dieses Script verhindert das doppelte senden von Formularen.  …mehr
© 2000-2012 Homepage-Total.de Kontakt - Impressum - Banner