选中复选框后，如何更改DIV的颜色？

Question

我想在选中复选框时更改DIV的颜色。我想在jQuery中这样做。我试过这个：

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

但它没有用......有什么帮助吗？

Answer 1

您需要使用 .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 2

您需要使用change事件：

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

<强> Working demo

Answer 3

您可以使用以下内容（使用点击事件）：

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