根据复选框值切换div

Question

我不知道如何做到这一点。我想要做的是根据复选框值隐藏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
});

You can test it out here。我假设在上面你想要#dates隐藏.always，如果{{1}}被检查，那就是它会做的。

Answer 2

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