.click / is：选中不在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').change(function (){    
if(this.checked) {
    $('.box').fadeIn('fast');
    $('.square').hide('fast');
}else{
    $('.box').fadeOut('fast');
    $('.square').hide('fast');
}
});

Answer 2

使用此代码...

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