根据复选框值切换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
});

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

Answer 2

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