Просмотров: 11 006

Как проверить с помощью jQuery и Javascript состояние checkbox.

Часто возникает ситуация, что на HTML-странице имеется переключатель (checkbox).

Например, такой:

02-08-2013 7-32-20

Нужно, чтобы, когда пользователь активирует и деактивирует этот checkbox, происходили какие-то действия. Предположим, что нужно, чтобы при активации checkbox появлялось всплывающее окно, в котором будет написано:

«Вы активировали переключатель» (при его активации) или «Вы деактивировали переключатель» (при его деактивации).

Давайте рассмотрим, как можно решить эту проблему с помощью Javascript и jQuery.

HTML:

<input type="checkbox" id="check">
<label>Переключатель</label>

Javascript:

$(function() {
$( "#check" ).on( "click", function() {
            if($(this).is(":checked")) {alert("Вы активировали переключатель"); }
   else {alert("Вы деактивировали переключатель");}
})
});

Посмотреть, как это работает на практике можно здесь:

Кстати, если вам будет интересно, я занимаюсь настройкой систем веб-аналитики для сайтов (Яндекс Метрика и Google Analytics).

Если вы хотели бы сделать ваш сайт более эффективным и, чтобы он приносил больше денег, веб-аналитика может в этом помочь.

С помощью инструмента «Цели» вы можете добиться хороших результатов в этом деле. Подробнее здесь.