Часто возникает ситуация, что на 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("Вы деактивировали переключатель");
  }
});