JavaScript - Anzahl der markierten Checkboxen anzeigen





0

<form method="post">


<
p>
<
label><input type="checkbox" name="test[]value="1"Option 1</label> <br>
<
label><input type="checkbox" name="test[]value="2"Option 2</label> <br>
<
label><input type="checkbox" name="test[]value="3"Option 3</label> <br>
<
label><input type="checkbox" name="test[]value="4"Option 4</label> <br>
<
label><input type="checkbox" name="test[]value="5"Option 5</label>
</
p>

<
div id="ausgabe">0</div>

</
form>

<
script>
// Anzahl der markierten Checkboxen anzeigen

let elem document.querySelectorAll('[name="test[]"]');
elem.forEach((ele) => {

  
ele.addEventListener("click", () => {

   
let auswahl document.querySelectorAll('input[name="test[]"]:checked');
   
document.querySelector("#ausgabe").textContent auswahl.length;
  });

});
</
script>

Begrenzte Mehrfachauswahl

max. Checkboxen


<p>

<
div>maxCheckboxen</div>
<
input id="max" type="number" value="2">
</
p>

<
ol>
<
li><input class="checkers" type="checkbox" name="foobar[]"></li>
<
li><input class="checkers" type="checkbox" name="foobar[]"></li>
<
li><input class="checkers" type="checkbox" name="foobar[]"></li>
<
li><input class="checkers" type="checkbox" name="foobar[]"></li>
<
li><input class="checkers" type="checkbox" name="foobar[]"></li>
<
li><input class="checkers" type="checkbox" name="foobar[]"></li>
<
li><input class="checkers" type="checkbox" name="foobar[]"></li>
<
li><input class="checkers" type="checkbox" name="foobar[]"></li>
<
li><input class="checkers" type="checkbox" name="foobar[]"></li>
<
li><input class="checkers" type="checkbox" name="foobar[]"></li>
</
ol>

<
script>
var 
boxes document.querySelectorAll('.checkers');
var 
checkedCount 0;

boxes.forEach((i) => {
 
i.addEventListener('click', function(e) {

  
let maxChecks document.querySelector('#max').value;
  
checkedCount document.querySelectorAll('.checkers:checked').length;
 
  if (
checkedCount maxChecks) {
   
this.checked false;
  }

  });

});
</
script>

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<nav> Navigationsbereich

CSS - Pflichtfeld hervorheben

PHP - Variable auf Buchstaben und Zahlen prüfen

JavaScript - Die Textauswahl in Zwischenablage kopieren

MySQL - Datensätze einer Tabelle zählen

Zu viele Werbebanner
Es bringt nichts, Webseiten von oben bis unten mit Werbe-Banner zuzupflastern. Um mit Werbung ernsthaft Geld zu verdienen, braucht man ein paar tausend Besucher im Monat. Deshalb kann in den meisten Fällen auf Banner verzichtet werden. Falls man es trotzdem versuchen möchte, sollte man nur ein oder zwei Banner pro Seite verwenden, diese dann aber prominent platzieren.
Stellen Sie Sich vor jemand hat auf seiner Startseite 10 Werbebanner, der Besucher sucht vergeblich nach dem Eingang. Nicht unwahrscheinlich, dass ein Banner davon interessanter ist (...und der Besucher ist weg.)

Die Frage der Werbung wird im Übrigen heiß diskutiert. War sich die Internet-Gemeinde noch vor Kurzem einig in der Ablehnung jeglicher Kommerzialisierung, so gibt es in letzter Zeit auch entgegengesetzte Strömungen - und das nicht von Seiten der Konzerne. Klar ist jedenfalls, dass viele Angebote im Internet nur deshalb kostenlos sind, weil sie mit Werbung finanziert werden!