Question

我想根据复选框状态更改页面加载和单击时div的内容。我知道我可以把if条件放到ready函数但是我想用一次代码。在那儿任何方式这样做，因为下面的代码适用于单击事件，但不适用于文档负荷。

<input type="checkbox" id="a">
<div>change content</div>
<script>
$(function(){
  $('#a').on('load click', function(){
    if($(this).is(':checked'))
       $('div').html('new content');
  })
})
</script>

Answer 1

使用更改事件并触发它

$(function(){
  $('#a').on('change', function(){
    if($(this).is(':checked'))
       $('div').html('new content');
  }).trigger('change');
})

Answer 2

您可以尝试这样的事情（未经测试）：

$(function() {
    $("#a").on('click', function() {
        //code
    });
    $("#a").trigger('click');
});

加载并单击复选框上的事件

2 个答案: