Часто возникает ситуация, что на HTML-странице имеется переключатель (checkbox).
Например, такой:
Нужно, чтобы, когда пользователь активирует и деактивирует этот checkbox, происходили какие-то действия. Предположим, что нужно, чтобы при активации checkbox появлялось всплывающее окно, в котором будет написано:
Больше моих уроков по Javascript здесь.
«Вы активировали переключатель» (при его активации) или «Вы деактивировали переключатель» (при его деактивации).
Давайте рассмотрим, как можно решить эту проблему с помощью Javascript и jQuery.
HTML:
<input type="checkbox" id="check"> <label>Переключатель</label>
Javascript:
$(function() { $( "#check" ).on( "click", function() { if($(this).is(":checked")) {alert("Вы активировали переключатель"); } else {alert("Вы деактивировали переключатель");} }) });
Посмотреть, как это работает на практике можно здесь:
Больше моих уроков по Javascript здесь.
Чтобы оставить сообщение, зарегистрируйтесь/войдите на сайт через:
Email - зарегистрироваться / войти