jquery - .click/ is:checked not working on chrome

Question

我得到这个功能打开一个 div 是我的复选框被选中但不适用于 chrome，它适用于 ie8/9、firefox、opera 和 safari。知道为什么吗？

$('#checkbox-01').click(function () {
    if ($('#checkbox-01').is(':checked')) {
        $('.box').fadeIn('fast');
        $('.square').hide('fast');
    } else {
        $('.box').fadeOut('fast');
        $('.square').hide('fast');
    }
});  

Answer 1

使用此代码...

$('#checkbox-01').click(function () {
if($(this).attr('checked') == 'checked'){
    $('.box').fadeIn('fast');
    $('.square').hide('fast');
} else {
    $('.box').fadeOut('fast');
    $('.square').hide('fast');
}
});

Answer 2

使用该功能：

$('#checkbox-01').change(function (){    
if(this.checked) {
    $('.box').fadeIn('fast');
    $('.square').hide('fast');
}else{
    $('.box').fadeOut('fast');
    $('.square').hide('fast');
}
});