jquery - 根据复选框状态切换元素可见性

Question

我不知道如何实现这一点。我想要做的是根据复选框值隐藏 div。这是我的切换代码，.always 是复选框，#dates 是 div。

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

Answer 1

.toggle()也接受一个 bool 值，如下所示:

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

You can test it out here 。我假设在上面您希望隐藏 #dates 如果选中 .always，这就是它要做的。