是否存在类似jquery.toggle(布尔值)的内容?

好吧,所以我是个白痴,在我问问题之前需要进行RTM。

jQuery.toggle() 允许您开箱即用。

$("button").click(function() {
  var condition = $("#agree").is(":checked") && $("#name").val() != "" );
  $("#mydiv").toggle(condition);
});

首先,让我们看看我是否理解你想正确地做什么… 您希望查看复选框的状态(选中或不选中),并根据该值的状态隐藏或显示第二个DIV。

定义此样式:

.noDisplay {
    display:none;
}

使用此javascript:

$("button").click(function() {
  $("#mydiv").toggleClass("noDisplay", $("#name").val() == "");
});

jquery关于它的文档可以在这里找到: http://api.jquery.com/toggleClass/

你可以自己写函数。

function toggleIf(element, condition) {
    if (condition) { element.show(); }
    else { element.hide(); }
}

然后这样使用:

toggleIf($("button"), $("#agree").is(":checked") && $("#name").val() != "");

如果 toggle() 不适合您(例如,因为它是动画),您可以编写一个小的jquery插件,如下所示:

$.fn.toggleIf = function(showOrHide) {
  return this.each(function() {
    if (showOrHide) {
      return $(this).show();
    } else {
      return $(this).hide();
    }
  });
};

然后像这样使用:

$(element).toggleIf(condition);