内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用
我经常编写类似于以下代码的东西。它基本上是根据某种条件切换一个元素。
在下面的示例中,条件是“如果agree
选中复选框,name
字段不是空的“。
$("button").click(function() { if ($("#agree").is(":checked") && $("#name").val() != "" ) { $("#mydiv").show(); } else { $("#mydiv").hide(); } });
我希望有某种jQuery函数能够像这样工作。
$("button").click(function() { var condition = $("#agree").is(":checked") && $("#name").val() != "" ); $("#mydiv").toggle(condition); });
外面有这样的东西吗?或者,除了第一个示例之外,还有其他方法可以在较少的范围内完成此操作吗?if-else-ish
怎么样?
jQuery.toggle()可以让你做这件事。
$("button").click(function() { var condition = $("#agree").is(":checked") && $("#name").val() != "" ); $("#mydiv").toggle(condition); });