jQuery：选中或取消选中复选框时隐藏显示 div

Question

您好，我希望在页面加载时隐藏 div，如果选中了复选框，则显示 div，然后在未选中时再次隐藏。

.checkCover 是复选框，#show_coversheet 是 div。

下面的代码有什么问题？

$(function () {
  $('.checkCover').change(function () {                
     $('#show_coversheet').toggle(!this.unchecked);
  }).change();
});

Answer 1

unchecked 不是属性，但checked 是！

$('.checkCover').change(function () {                
    $('#show_coversheet').toggle(!this.checked);
}).change();

Answer 2

拿出来！在此之前。检查

$('.checkCover').change(function () {                
    $('#show_coversheet').toggle(this.checked);
}).change();