选中复选框时折叠工具栏

Question

这可能是基本的东西，但我是 bootstrap 和 jQuery 的新手

我有一个表格，每行都有一个复选框。

当至少一个复选框被选中时，我正在尝试显示折叠的元素

到目前为止，它会在每次单击复选框时折叠

#Foo.collapse
  | This div (Foo) is hidden by default

td
  label(data-toggle='collapse', data-target='#Foo')
    input(type="checkbox", value=i, name="checkbox")

Answer 1

花了我一段时间，但这对我有用。

$(".check").click(function(){
  var n = $("input:checked").length;
  if (n > 0) {
    $(".collapse").collapse('show');
  } else {
    $(".collapse").collapse('hide');              
  }
});

---

input.check(type="checkbox", value=i, name="checkbox")