如何在使用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

方法，您需要使用。點擊這裏事件描述：http://docs.jquery.com/Events/click#fn

所以

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

Answer 3

其實change()功能多爲這個解決方案，因爲更好它適用於JavaScript生成的操作，例如通過腳本選擇每個複選框。

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

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... 
    } 
});