jquery - 加载并单击复选框事件

Question

我想根据复选框状态更改页面加载和单击时的 div 内容。我知道我可以将 if 条件置于就绪函数中，但我想使用该代码一次。有没有任何方法都可以做到这一点，如下代码对于点击事件工作正常，但不适用于文档负载。

<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');
})