Основное меню

Выделенный сервер, аренда серверов, дешевые сервера, купить сервер, хостинг сервера
Counter-Strike 1.6
GTA San Andreas
Мини-чат
200
Наше радио
Loading the player ...
Партнер Сайта
Главный Партнер

Реклама



Главная » Статьи » Статьи Ucoz » JavaScript

Отметить все
Если предоставляете возможность пользователю, допустим при подписке на рассылку - выбор категорий рассылки, путем отметки какого - либо из checkbox'ов или нескольких одновременно, то может возникнуть ситуация: "А если этих самых категорий будет 10+", я думаю необходимо будет сделать еще один чекбокс (вверху, либо внизу остальных) - "Выделить все".

А делается это очень просто с помощью JS:

Напишем небольшую функцию MarkALL(n, id_id, obj)

в которую будем передавать:
n - количество checkbox'ов;
id_id - префикс.
chk - значение checked (True/False) чекбокса, имя которого есть "MarkAll"

В нашем случае префикс "ras_", количество чекбоксов 9 и имя кнопки "Отметить все" - "MarkALL"
<script type="text/javascript">

function MarkALL(n, id_id, chk){
for(var i = 0; i <= n; i++){
document.getElementById(id_id+i).checked = chk; //если кнопка "отметить все" отмечена, то chk будет содержать значение True, в противном случае False
}
}

</script>

<form action="" method="POST" name="rassilka"><fieldset>
<label><input type='checkbox' name="MarkAll" onclick="MarkALL(9,'ras_',document.rassilka.MarkAll.checked)"> Отметить все</label><br>

<label><input type='checkbox' id='ras_0'> Новости</label><br>
<label><input type='checkbox' id='ras_1'> Комментарии</label><br>
<label><input type='checkbox' id='ras_2'> Форум</label><br>
<label><input type='checkbox' id='ras_3'> Блоги</label><br>
<label><input type='checkbox' id='ras_4'> Чат</label><br>
<label><input type='checkbox' id='ras_5'> Статьи</label><br>
<label><input type='checkbox' id='ras_6'> Новые файлы</label><br>
<label><input type='checkbox' id='ras_7'> и т. д.</label><br>
<label><input type='checkbox' id='ras_8'> и т. п.</label><br>
<label><input type='checkbox' id='ras_9'> наконец конец</label><br>
</fieldset></form>

Т.е. все чекбоксы с префиксом id_id с номером от 0 до N, точнее свойство checked каждого из них, мы обращаем в то состояние, которое присуще document.rassilka.MarkAll.checked (True/False).

Вот и все! Удачи в изучении!
Категория: JavaScript | Добавил: syp41k (23.10.2010)
Просмотров: 665 | Комментарии: 1 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Мини-Профиль

Гость
Counter-S:Source
Counter-Strike CZ
Photoshop
Всё для Ucoz
Статистика
OnLine
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Юзеры онлайн:
Наш опрос
Сколько хостов на Вашем сайте ?
javascript:; javascript:;
Всего ответов: 14
Обсудить на форуме