JavaScript - Alle Checkboxen auf einmal auswählen
<script>
function check_all(name, el) {
var box = el.form.elements[name];
if (!box.length) box.checked = el.checked; else
for (var i = 0; i < box.length; i++)
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.
<legend> Gruppenüberschrift
JavaScript - Text in Großbuchstaben oder Kleinbuchstaben umwandeln