javascript - 选中复选框时如何更改 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