ГЛАВНАЯ | HTML | CSS | PHP | JS | ЕЩЁ |

Проверить нажат ли чекбокс javascript

У нас возникла необходимость проверить чекбокс – нажат или нет! Давайте попробуем написать пару скриптов. Которые могут проверить нажимали или нет кнопку checkbox

Самая главная проблема – это в понимании, когда вы пройдете эту стадию, то вам будет вообще смешно! Как это я раньше не мог этого понять!

Первым делом вам нужно понимать, что любое действие в программировании – это получении и передаче данных.

Друзья! Напоминаю, кто еще не в курсе, то все новые скрипты складываем на отдельный домен - для удобства пользователей! Ссылка внизу. Вариант №1

В случае с чекбоксом нам нужно получить данные, т.е. проверить нажат ли чек бокс или нет – вариант получения данных через «DOM» - мы об этом. конечно еще и не приступали писать, но вот вам первый закидон:

Пишем такую конструкцию:

rules.checked где rules – идентификатор, checked – проверка на нажатие…

код:

if (rules.checked) { alert("Чекбокс нажат -вариант №1"); } else { alert("Чекбокс не нажат-вариант №1"); }

Результат:

Я согласен с Условиями
Вариант №2

Иногда(пока не разобрался) – обращение к элементу через «DOM» не срабатывает, поэтому нам нужно еще один альтернативный вариант, если не получилось узнать нажат ли чекбокс таким образом…

Для того, чтобы получить значение из чекбокса нам понадобится функция getElementById

document.getElementById("rules").checked

код:

if (document.getElementById("rules").checked) { alert("Чекбокс нажат-вариант №2"); } else { alert("Чекбокс не нажат -вариант №2"); }

Результат:

Я согласен с Условиями

Вариант №3. И на последок проверка чекбокса через jquery

код

if($("#rules").prop("checked")) { alert("Чекбокс нажат -вариант №3"); } else { alert("Чекбокс не нажат -вариант №3"); }

Результат:

Я согласен с Условиями

Скачать скрипт Проверить нажат ли чекбокс javascript

Не забудь !
Посмотреть пример и скачать можно по ниже идущей ссылке

Скрипт № 55.10
Название скрипта и номер :Проверка нажат ли checkbox javascript
Пример - Проверка нажат ли checkbox javascript
Скачать - архив
Все скрипты на одной странице
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+=
Подписаться
Теги:

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019