根据复选框值切换div

我不知道如何做到这一点。 我想要做的是隐藏基于复选框值的div。 这是我的切换代码。

感谢任何帮助

.always是复选框

$(document).ready(function () { $('.always').click(function () { $('#dates').toggle(); }); }); 

Answer 1

.toggle()接受一个布尔值，如下所示：

 $(function () { $('.always').change(function () { $('#dates').toggle(!this.checked); }).change(); //ensure visible state matches initially }); 

你可以在这里测试一下 。 我假设在上面你想要#dates隐藏，如果.always被检查，那就是它会做的。

Answer 2

 $('.always').change(function() { $('#dates').toggle(!this.checked); });