Як в jquery перевірити checkbox

Вихідні файли поточної статті ви можете завантажити за посиланням.

Отже, перед нами стоїть завдання перевірити checkbox засобами jQuery. Наприклад, ми хочемо реалізувати наступний функціонал. У нас є кнопка відправки форми, яка спочатку не активна. І, якщо користувач зазначив checkbox, ми повинні активувати кнопку. Давайте спробуєм. Для початку створимо простеньку форму:

Для того, щоб форма виглядала красиво і при цьому не довелося писати стилі, я використовую CSS фреймворк Bootstrap. В результаті вийшла ось така симпатична форма. При цьому, завдяки атрибуту disabled, кнопка не активна.

Ну що ж, залишилося лише реалізувати функціонал, який розблокує кнопку при позначці чекбокса і знову заблокує її, якщо позначку зняти. З jQuery це дріб'язкова завдання, яке вирішується буквально кількома рядками коду.

Для вирішення завдання скористаємося методом prop () зі значенням checked, який поверне true або false залежно від того, відзначений checkbox чи ні. Код буде таким:

Спробуємо відзначити чекбокс:

Все працює. Кнопка активується при позначці чекбокса і знову блокується при знятті позначки. Як бачимо, перевірити поле checkbox засобами jQuery - дійсно просте завдання. Ну а на цьому поточну статтю ми завершуємо. Додатково по роботі з формами ви можете подивитися цей урок. Успіхів!

Найсвіжіші новини IT і веб-розробки на нашому Telegram-каналі