Для зручності роботи з формами на сайтах все частіше доводиться вдаватися до використання управлінням різними елементами сторінки за допомогою скриптів jQuery. У даній статті, розглянемо можливості управління станом компонента CheckBox.
Найважливішими подзадачами в цій області можна вважати: установку чекбокса в стан "Виділено" (або простіше, встановити пташку або галочку); зняти виділення з чекбокса; дізнатися поточний стан чекбокса.
Встановити галочку в чекбоксі
Для цього потрібно в html-тегу компонента додати атрибут checked. Програмно це можна реалізувати за допомогою команди - attr (цією ж командою можна додавати будь-які інші атрибути html-тегами):
$ ( "#myCheckbox") .attr ( "checked". "Checked");
Тут, вибраний елемент (у якого id вказано myCheckbox) додається атрибут checked, тим самим в ньому встановлюється пташка.
Зняти галочку в чекбоксі
Щоб скасувати виділення в чекбоксі, потрібно в цьому компоненті видалити атрибут checked. Для цього використовуємо команду removeAttr - видалити атрибут.
$ ( "#myCheckbox") .removeAttr ( "checked");
Дізнатися поточний стан чекбокса
Для того, щоб визначити чи встановлена пташка в чекбоксі чи ні, використовується команда prop, яка повертає true (істина, якщо чекбокс виділений) або false (брехня, якщо пташка знята).
$ ( "#myCheckbox") .prop ( "checked");
Найчастіше це використовується при побудові умови, яке повинно вказати яким шляхом виконуватися програмою, в залежності від того встановлена пташка в чекбоксі чи ні.
If ( "#myCheckbox") .prop ( "checked"))<
// дію, якщо прапорець встановлений
> else <
// Дія, якщо галочки немає
>