jQuery:如果复选框被选中，toggleClass

Question

我是一个 jQuery 菜鸟，似乎我永远都是，一直在努力让这个简单的东西发挥作用。

我想要的是，当复选框被选中时，用display: none;隐藏div。

这是一个 jFiddle我弄得一团糟的例子。

感谢任何帮助或其他解决方案:)

Answer 1

如果你只需要隐藏/显示，我同意 karim，使用 .toggle(bool) ，如果您的示例已简化并且您需要一个类，请使用 .toggleClass("class", bool) ，像这样:

$(function(){
  $("#checkbox4").change(function() {
    $("#checkout-shipping-address").toggleClass("show-hide", this.checked)
  }).change();
});​

You can test it out here , 最后一个.change()调用是在页面首次加载时使状态匹配，here's what I mean .