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.

<style> CSS

CSS - Diagonaler Streifen-Effekt

PHP - Badwordfilter

JavaScript - Zwei Ziffern

MySQL - Datensatz Wert erhöhen