Jquery 基于复选框值切换div

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

谢谢你的帮助

.始终是复选框

也需要一个布尔值，如下所示：

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

---

。我假设在上面的例子中，如果选中了

，您希望隐藏
#日期
。始终选中

，这就是它要做的。

change（）更好，因为它甚至可以在通过其他方式更改复选框时工作。通过使用

.toggle（）

您假设可见状态匹配，并且没有其他方式更改，最好传递一个布尔值以确保它匹配：）谢谢Nick，我忘记了。toggle接受showOrHide值。我将添加它。Off-topic：在使用document.ready时，我认为最好使用别名/快捷方式

jQuery（函数（$）{}）谢谢你的提示。这有什么原因吗？这对我不起作用。我试着让复选框默认选中，但它不会响应，它仍然是可见的。我不能这样做。我的firebug因为一些奇怪的原因不让我调试JS。@Dejan.S-尝试完全重新启动firefox…firebug 1.6今天早上有一些问题，几个问题。运气不好，还是一样。你有机会试试这个密码吗？复选框和一个div。非常感谢。谢谢尼克。尼斯网站不知道这件事。firebug在重新启动几次后开始跳转
$('.always').change(function() {
 $('#dates').toggle(!this.checked);
});

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