Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsЕЩЁ

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

У нас возникла необходимость проверить чекбокс – нажат или нет(checked)! Давайте попробуем написать пару скриптов. Которые могут проверить нажимали или нет кнопку 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


Вас может еще заинтересовать список тем : JS , JS_JQUERY , FORM ,
Название скрипта :Проверка нажат ли checkbox javascript
Скрипт № 60.10Ссылка на скачивение: Все скрипты на одной странице
Теги:
проверка чекбокса на jsjs проверка чекбоксаПроверка состояния checkboxКак проверить checkbox JavascriptПроверка Checkbox на checkedкак с помощью js проверить checkboxjs проверка чекбоксапроверить состояние checkbox jsкак узнать стоит ли галочка в checkbox на jsява скрипт проверить нажат ли чекбокс

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