Уроки Выделение checkbox на javascript
4 декабря 2012
2429
выделение checkbox на javascript

Выделение checkbox на javascript

Сложность Рубрика JavaScript
Демонстрация » Скачать »

Рассмотрим случай, связанный с выделением checkbox, там где нужно поставить вместо множество галочек всего лишь одну и произвести с данными, какое-либо определенное действие. Например, удалить, отредактировать, переложить в другую категорию и т.п.

 

Я не буду углубляться в детализацию изучения данного скрипта, просто объясню пошагово как и с чем связано. Данный скрипт работает на javascript и html, кому потребуется его встраивать в свой ресурс, я думаю будет использовать и php. Допустим, удаляя объекты из базы, выбирая по checkbox, ну это уже Вы сами рассмотрите и решите, как и для чего его использовать.

 

Файл index.php

 

Сначала давайте рассмотрим скрипт, который будет объединять ячейки checkbox.

Исходя из кода, мы видим, что сначала устанавливается функция setCheckBox со свойством сhecked, затем в переменную checkbox заносятся все параметры элементов с input, далее перебираются все поля с input и при выделение с функцией setCheckBox, заносятся во все input значения checked.

 

<script type="text/javascript">
function setCheckBox(checked) {
var checkbox = document.getElementsByTagName('input');
for(var i=0;i!=checkbox.length;i++) {
if (checkbox[i].type == 'checkbox') {
checkbox[i].checked = checked;
}
}
return true;
}
</script>

 

Затем мы прописываем input со значением checkbox, c именем checkboxall и указываем ему метод действия onclick, с применением функции setCheckBox (с установленным свойством checked при нажатии), который будет выделять последующие все input с type="checkbox".

 

<input type="checkbox" name="checkboxall" onclick="return 
setCheckBox(this.checked);">

 

Все же остальные input type="checkbox", прописываются таким образом:

 

<input type='checkbox' name='page[]'>

 

Итог:

 

Мы получили скрипт, который сможет помочь при массовом выделении объектов и производить с ними определенные действия. Всем спасибо за внимание!





Роман Краутер