Toggle div based on checkbox value

问题:

I'm not sure how to accomplish this. What I want to do is to hide a div based on a checkbox value. This is my code for the toggle.

appreciate any help

.always is the checkbox

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

回答1:

.toggle() takes a boolean as well, like this:

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

You can test it out here. I assume in the above you want the #dates hidden if .always is checked, that's what it'll do.

回答2:

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

文章来源: Toggle div based on checkbox value