javascript - 复选框选中时，jQuery隐藏div，未选中时显示

我试图在用户单击复选框时隐藏div，并在用户取消选中该复选框时显示它。
HTML:

<div id="autoUpdate" class="autoUpdate">
   content
</div>

jQuery的:

<script>
$('#checkbox1').change(function(){
        if (this.checked) {
            $('#autoUpdate').fadeIn('slow');
        }
        else {
            $('#autoUpdate').fadeOut('slow');
        }
    });
</script>

我很难做到这一点。

最佳答案

确保使用ready事件。

代码:

$(document).ready(function(){
    $('#checkbox1').change(function(){
        if(this.checked)
            $('#autoUpdate').fadeIn('slow');
        else
            $('#autoUpdate').fadeOut('slow');

    });
});

关于javascript - 复选框选中时，jQuery隐藏div，未选中时显示，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14757792/