Имея большое количество полей типа checkbox в форме, крайне неудобно отмечать каждое поле, когда необходимо выбрать все. В подобной ситуации рекомендуется использовать дополнительный checkbox "Отметить все". Ниже приведен пример JavaScript и HTML кода, решающих эту задачу.
JavaScript:
<script type="text/javascript">
function checkAll(obj) {
'use strict';
var items = obj.form.getElementsByTagName("input"),
len, i;
for (i = 0, len = items.length; i < len; i += 1) {
if (items.item(i).type && items.item(i).type === "checkbox") {
if (obj.checked) {
items.item(i).checked = true;
} else {
items.item(i).checked = false;
}
}
}
}
</script>
HTML:
<form>
<p><input type="checkbox" onclick="checkAll(this)" /><label>Отметить все</label></p>
<p><input type="checkbox" /><label>Checkbox 1</label></p>
<p><input type="checkbox" /><label>Checkbox 2</label></p>
<p><input type="checkbox" /><label>Checkbox 3</label></p>
<p><input type="checkbox" /><label>Checkbox 4</label></p>
<p><input type="checkbox" /><label>Checkbox 5</label></p>
<p><input type="checkbox" /><label>Checkbox 6</label></p>
<p><input type="checkbox" /><label>Checkbox 7</label></p>
</form>