javascript - 在页面加载时运行 javascript 以隐藏表单

Question

如果用户单击复选框，我将使用以下 javascript 隐藏表单。

我试图让代码在页面加载时运行，但我不知道如何做到这一点。谁能帮忙？

$('#no_cage').change(function(){
  if (this.checked) {
    $('#cage_details').fadeOut();
  } else {
    $('#cage_details').fadeIn();
  }                   
});

HTML:

<input name="no_cage" id="no_cage" type="checkbox" value="1" <?php echo $checked; ?>><label for="no_cage">Check if not required</label>

<div id="cage_details">

<form>

...

</form>

</div>

当用户单击复选框时，这会正常工作。但是当它从数据库中提取并且在页面加载时已经选中复选框时不会。

Answer 1

只需将此代码添加到文档就绪处理程序中。它将触发更改事件处理程序，而无需实际更改...

$('#no_cage').trigger("change");

或者，只需触发您声明的事件...

$('#no_cage').change(function(){
    if (this.checked) {
        $('#cage_details').fadeOut();
    }
    else {
        $('#cage_details').fadeIn();
    }                   
}).trigger("change");

这将添加事件处理程序，然后立即执行它，以便在加载文档时将表单设置为正确的状态。