jQuery输入复选框以隐藏div内容

Question

我不确定发生了什么，但是当复选框被选中时，我无法让我的jquery隐藏div。超级简单，我不知道为什么它不起作用。感谢您的帮助，这里是代码。

<input type="checkbox" id="yesall">
<div id="noshow">
content
</div>

<script type="text/javascript">
$(document).ready(function(){
    $('#yesall').change(function(){
        if (this.checked) 
            $('#noshow').fadeOut('slow');
         else {
            $('#noshow').show();
        }
    });
});
</script>

谢谢你们，我想我在这里错过了一些非常简单的东西。

Answer 1

$(document).ready()功能仅在网页准备就绪时运行一次。这可能是导致问题的原因。你可以尝试：

   $(function(){
     $('#yesall').change(function(){
       if($(this).prop("checked")) {
         $('#noshow').show();
       } else {
         $('#noshow').hide();
     }
    });
   });