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

Организация массового выделения

Создайте чистый HTML-файл и вставьте туда между тегами <body></body> следующий код скрипта:

<script type="text/javascript">
function setChecked(obj)
{
var str = document.getElementById("text").innerHTML;
str = (str == "отметить" ? "снять" : "отметить");
document.getElementById("text").innerHTML = str;

var check = document.getElementsByName("id[]");
for (var i=0; i<check.length; i++)
{
check[i].checked = obj.checked;
}
}
</script>

Теперь нам понадобятся сами чекбоксы, которые мы будем выделять, ниже приведенный код, скопируйте и вставьте сразу после скрипта:

<form action="" method="post">
<p>Выберете одну или несколько категорий из списка:</p>

<p><input type="checkbox" name="id[]" value="1"> Музыка<br>
<input type="checkbox" name="id[]" value="2"> Игры<br>
<input type="checkbox" name="id[]" value="3"> Книги<br>
<input type="checkbox" name="id[]" value="2"> Программы<br>
<input type="checkbox" name="id[]" value="2"> Картинки</p>

<p><input type="checkbox" name="set" onclick="setChecked(this)">
<span id="text">отметить</span> все</p>
</form>

На этом организация массового выделения чекбоксов окончена.

Скачать файл
размер файла: 1,06 Kb
cкачиваний: 45

Раздел: Статьи для веб-мастера




Дополнительно Популярное
Дизайнерский веб-ресурс: Дле, Вордпресс, Джумла, фотошоп, плагины, иконки, шаблоны, текстуры, смайлики, логотипы.