Примеры JavaScript - Как отметить/пометить/выделить все чекбоксы (checkbox) в группе?

Written on . Posted in HTML, CSS, JavaScript

ОГЛАВЛЕНИЕ

Страница 23 из 47

Как отметить/пометить/выделить все чекбоксы (checkbox) в группе?

Первым делом всем элементам chechbox в группе даем одинаковое имя (атрибут name тэга input). Если вы передаете данные скрипту на PHP, то удобно дать название вида name="cboxdata[]" со скобками вконце названия, для того чтобы в PHP скрипте данные были доступны через массив cboxdata. Теперь чтобы отметить или снять все отметки с чекбоксов нужно вызвать функцию checkAll(oForm, cbName, checked), где oForm - объект формы, cbName - строка с иенем элементов checkbox в группе, а checked это либо true, либо false, в зависимости что нужно, отметить или снять отметки.

<html>
<head>
<script type="text/javascript">
function checkAll(oForm, cbName, checked)
{
for (var i=0; i < oForm[cbName].length; i++) oForm[cbName][i].checked = checked;
}
</script>
</head>

<body>
<form name="form1" method="post" action="">
<input type="checkbox" name="total" value="checkbox" onClick="checkAll(this.form,'checkbox[]',this.checked)">Отметить все
<br>
<input type="checkbox" name="checkbox[]" value="checkbox">1
<br>
<input type="checkbox" name="checkbox[]" value="checkbox">2
<br>
<input type="checkbox" name="checkbox[]" value="checkbox">3
</form>
</body>
</html>
All
1
2
3
4
html форум