Просмотров: 7 773

Как проверить с помощью 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("Вы деактивировали переключатель");}
})
});

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

Продвинутый курс по Javascript + jQuery можно получить здесь.