Работа через jQuery с checkbox

jquery checkboxВажность работы jQuery checkbox исходит из того, что благодаря этим элементам (чекбоксам в виде квадратиков с галочкой или без нее) выполняются многие манипуляции с данными отображаемой на странице таблицы, а также вносятся соответствующие изменения в БД. По большому счету никакая работа с БД через интерфейс пользователя без использования таких управляющих элементов будет невозможна. Далее — коротко о том, как все сделать, чтобы оно заработало.

В связи с этим и возникает необходимость проверить состояние того или иного checkbox через jQuery, чтобы после этого выполнить определенные манипуляции – с самой таблицей или с базой данных. Для ясности и наглядности того, как все работает, дадим себе условное ТЗ, требующее наличия определенного функционала:

  • Есть html таблица (тег <table>), выведенная на страницу из базы данных.
  • Первая колонка таблицы содержит checkbox’ы, с которыми нужно работать через jQuery.
  • Делать отметку чекбоксов можно как по отдельности, так и всех сразу.
  • В первой строке таблицы в первой колонке также находится checkbox (назовем его главным), отметка которого и вызывает смену состояния всей группы этих элементов управления.

Для решения задачи применим такую конструкцию:

Таким образом, мы делаем через jQuery проверку checkbox. При этом можно сослаться на него как через this, так и через селектор (id или class). Как это выглядит на практике:

Немного позже добавлю пример того, как jquery работает c checkbox.

А пока можете ознакомиться как можно сделать галерею лайтбоксом на jQuery.

Другие записи этой рубрики:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.