Как проверить с помощью jQuery и Javascript состояние checkbox
Часто возникает ситуация, что на HTML-странице имеется переключатель (checkbox).
Например, такой:
Нужно, чтобы, когда пользователь активирует и деактивирует этот checkbox, происходили какие-то действия. Предположим, что нужно, чтобы при активации checkbox появлялось всплывающее окно, в котором будет написано:
«Вы активировали переключатель» (при его активации) или «Вы деактивировали переключатель» (при его деактивации).
Давайте рассмотрим, как можно решить эту проблему с помощью Javascript и jQuery.
HTML
<input type="checkbox" id="check">
<label>Переключатель</label>
JavaScript
$("#check").on( "click", function() {
if($(this).is(":checked")) {
alert("Вы активировали переключатель");
} else {
alert("Вы деактивировали переключатель");
}
});
Голосов: 576 | Просмотров: 2250
Использование HTML5-элемента audio в JavaScript
Склонение окончаний в словах на Javascript
JavaScript - отслеживание изменения ориентации на мобильных устройствах
Четыре способа плавного скролла до элемента на JavaScript
Разрешаем только ввод цифр в поле input
Вывод последнего дня текущего месяца на Javascript
Понимание синхронного и асинхронного JavaScript с Async/Await
Youtube несколько видео на странице и стоп проигрывания предыдущего видео.
Семь важных функций JavaScript
Что такое ECMAScript и чем это отличается от JavaScript
Контекст выполнения функции в JavaScript
Область видимости в JavaScript
Замыкания в JavaScript
This в JavaScript
Объекты в JavaScript
Определение платформы устройства на javascript
Управление версиями Node.js с помощью nvm в Windows
Три способа понять промисы
Выделяем текущий пункт меню отдельным стилем на jQuery
Шесть типов данных, typeof
Собственные социальные share-кнопки
Как проверить с помощью jQuery и Javascript состояние checkbox
Велосипеды на Javascript и jQuery
Видео самоучитель jQuery от Envato
AJAX и JavaScript. Загрузка контента без перезагрузки страницы
Плавная кнопка "Наверх" на jQuery
Как отключить ввод текста по переключателю disabled
Как избежать повторной загрузки контента Jquery + Ajax + JSON
JavaScript & JQuery 1.8.3 решение проблемы с функцией attr() на примере генератора пароля
