如何使用jQuery处理复选框的初始状态和更改？

我需要通过jquery根据复选框值显示/隐藏div：

当网页加载并

更改复选框值时（单击/更改时）

我发现了一些方法来分别解决这些问题，但是否存在一种简单的方法来同时处理这两组事件

示例（更改）：

$（文档）.ready（函数（）{
$（'#checkbox1'）。更改（函数（）{
如果（选中此项）
$（“#自动更新”）.show（）；
其他的
$（“#自动更新”）.hide（）；
});
});

例子
加载页面时，您可以触发事件：

$（'#checkbox1'）.change（）


$（文档）.ready（函数（）{
$（'#checkbox1'）。更改（函数（）{
console.log（'fired'）；
如果（选中此项）
$（“#自动更新”）.show（）；
其他的
$（“#自动更新”）.hide（）；
});
$（'#checkbox1'）.change（）；
});

例子
[我误读了这个问题，我的错。]

使用.on（）将函数绑定到多个事件

$（“#元素”）。在（'click change'，函数（e）{
//e.type是触发的事件的类型
});

查看以了解更多详细信息。
仅提供一种替代方法，如果您的元素是同级元素，则可以使用CSS执行相同的逻辑，如果未选中以前的同级元素，则对同级元素应用“无显示”


#复选框1:未（：选中）~#自动更新{
显示：无；
}

例子
您是否预设了复选框的值？是的，当然，它是可变的。否则这个问题就没有意义了。哦，当然，有趣的选择，我不想这样做way@TomasKujal请记住，这可能被认为是脆弱的，因为他们需要成为兄弟姐妹。但是，根据您的UI，这可能是您所需要的全部。