Space Base Space Base
+7 928 008-80-89
ru
  • en
  • es
  • Главная
  • Услуги
  • Портфолио
  • Библиотека
  • Контакты
  • Главная
  • Услуги
  • Портфолио
  • Библиотека
  • Контакты
  1. Библиотека
  2. HTML, CSS, jQuery
  3. Установить, снять галочку, узнать состояние CheckBox в jQuery
logo

Установить, снять галочку, узнать состояние CheckBox в jQuery

26.10.2016

Для удобства работы с формами на сайтах все чаще приходится прибегать к использованию управлением различными элементами страницы с помощью скриптов 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{
// Действие, если галочки нет
}

Другие материалы:

Падающие снежинки на сайте


Отключение авто-заполнения в текстовых полях формы


Отправка (submit) формы после выбора файла с оформлением input[file]


Написать комментарий

Комментарии

В комментариях запрещено публиковать рекламные материалы. Все сообщения оправляются на модерацию и будут опубликованы, если не нарушают правил сайта после проверки.


коммент.

Разработка сайтов

Корпоративный сайт
Интернет-магазин
Лендинг - одностраничный сайт
Сайт-визитка
Сайт-портфолио

Проектирование

Прототип, UX-дизайн

Дизайн

UI-дизайн
Логотип

+54 911 2801-4950

info@space-base.net
+7 928 008-80-89

Web-сайты для успешного бизнеса

Web-сайты для успешного бизнеса

Главная Услуги Портфолио События Библиотека Контакты
+7 928 008-80-89 Меню
Политика в отношении обработки персональных данных © Copyright 2014 - | Space-Base

Лучшее время начать свой проект - Сейчас!

Выбраны опции:

Отправить сообщение на:

Telegram WhatsApp

Отправляя сообщение, вы даете свое согласие на
обработку песональных данных