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

【问题标题】：load and click event on checkbox加载并单击复选框上的事件
【发布时间】：2014-06-30 22:04:32
【问题描述】：

我想根据复选框状态在页面加载和点击时更改 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>

【问题讨论】：

标签： jquery

【解决方案1】：

使用更改事件并触发它

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

然而，这会触发点击（并实际改变复选框的状态）
Gaby aka G. Petrioli 是对的。我只想检查状态不想改变它。