Как выполнить действие, если флажок установлен с помощью jQuery?

Question

Я хочу выполнить действие, когда пользователь установит флажок, но не могу заставить его работать, что я делаю не так?

Таким образом, в основном, пользователь заходит на мою страницу, ставит галочку, затем появляется предупреждение.

if($("#home").is(":checked"))
{
      alert('');
}

Answer 1

То, что вы ищете, называется событием. JQuery предоставляет простые методы привязки событий, например,

$("#home").click(function() {
    // this function will get executed every time the #home element is clicked (or tab-spacebar changed)
    if($(this).is(":checked")) // "this" refers to the element that fired the event
    {
        alert('home is checked');
    }
});

Answer 2

На самом деле функция change() гораздо лучше для этого решения, потому что она работает для действий, сгенерированных javascript, таких как выбор каждого флажка с помощью скрипта.

$('#home').change(function() {
   if ($(this).is(':checked')) {
      ... 
   } else {
      ...
   }
});

Answer 3

вам нужно использовать описанное здесь событие .click: http://docs.jquery.com/Events/click#fn

так

$("#home").click( function () {
    if($("#home").is(":checked"))
    {
      alert('');
    }
});

Answer 4

$("#home").click(function() {
    var checked=this.checked;
    if(checked==true)
        {
         // Stuff here
        }
    else
        {
        //stuff here
        }
});

Answer 5

$( "#home" ).change(function() {
    if(this.checked){
        alert("The Check-box is Checked"); // Your Code...
    }else{
        alert("The Check-box is Un-Checked"); // Your Code...
    }
});