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();