當勾選複選框時，如何更改我的DIV的顏色？

Question

我想在選中複選框時更改DIV的顏色。我想在jQuery中做到這一點。我試過這個：

if($('#checkboxTest').is(':checked')) 
    { 
     $('.alertWrapper').css('background-color', 'blue'); 
    } 

但它不工作..任何幫助？

Answer 1

您需要使用change事件：

$('#checkboxTest').change(function() { 
    var c = this.checked ? 'blue' : 'transparent'; 
    $('.alertWrapper').css('background-color', c); 
}); 

Working demo

Answer 2

您需要使用.change()事件，讓您的複選框的狀態的軌跡：

$('#checkboxTest').change(function() { 
    if($(this).is(':checked')) 
    { 
     $('.alertWrapper').css('background-color', 'blue'); 
    } else { 
     // Your code here will fired when the checkbox is unchecked 
    } 
}).change(); // <-- Trigger the change event on page load 

Answer 3

您可以使用以下（點擊事件）：

$('#checkboxTest').click (function() 
{ 
var thisCheck = $(this); 
if (thischeck.is (':checked')) 
{ 
    // your stuff 
} 
});