JavaScript - Alle Checkboxen auf einmal auswählen

Checkbox 1
Checkbox 2
Checkbox 3
Checkbox 4
Checkbox 5


<script>

function 
check_all(nameel) {
 var 
box el.form.elements[name];
 if (!
box.lengthbox.checked el.checked; else 
 for (var 
0box.lengthi++)
  
box[i].checked el.checked;
}
</
script>

<
form action="#">
<
label>
<
input onclick="check_all('hase[]', this)" type="checkbox"Alle markieren
</label>

<
p>
<
input type="checkbox" name="hase[]"Checkbox 1<br>
<
input type="checkbox" name="hase[]"Checkbox 2<br>
<
input type="checkbox" name="hase[]"Checkbox 3<br>
<
input type="checkbox" name="hase[]"Checkbox 4<br>
<
input type="checkbox" name="hase[]"Checkbox 5
<
p>
</
form>

Beispiel 2






<form>

  <
label>
    <
label><input type="checkbox" id="alle"Alle markieren</label>
  </
label>

  <
p>
    <
label><input type="checkbox" name="box[]"Checkbox 1</label><br>
    <
label><input type="checkbox" name="box[]"Checkbox 2</label><br>
    <
label><input type="checkbox" name="box[]"Checkbox 3</label><br>
    <
label><input type="checkbox" name="box[]"Checkbox 4</label><br>
    <
label><input type="checkbox" name="box[]"Checkbox 5</label>
  <
p>
</
form>

<
script>
  
document.querySelector("#alle").addEventListener("click", () => {
    var 
elemente document.querySelectorAll('[ name="box[]"]');
    
elemente.forEach((element) => {
      
element.checked = (element.checked == true) ? false true;
    });
  });
</
script>

Bausteine  Alle Anzeigen

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

<iframe> Eingebettetes Framefenster

CSS - Texteingabe nur in Großbuchstaben

PHP - CSS-Boxen mit PHP erstellen

JavaScript - Zwei Ziffern

MySQL - Auswahlliste aus der Datenbank-Tabelle erstellen

Uneinheitliches Design
Einheitliches Design ist wichtig, da die Besucher ansonsten die Orientierung verlieren und nicht mehr wissen, ob sie sich überhaupt noch auf Ihrer Seite befinden.
Aufgrund des Wiedererkennungswertes und nicht zuletzt der damit verbundenen Arbeitserleichterung, empfiehlt es sich, ein und dasselbe Layout für alle Seiten zu verwenden.