javascript - bootstrap + jade 复选框

Question

亲们， 我对 jade 和 bootstrap 很陌生。创建一个简单的表单，其中包含下拉菜单和复选框。

现在我的代码如下所示:

form(role="search",action='/uri/blah' method='post').navbar-form.navbar-left
    .form-group 
        input(type="name", name="bae", placeholder="bae", required).form-control
        select(id="type",name="type").form-control
            option(value="foo") foo
            option(value="bar") bar
            option(value="baz") baz
        input(type="text", name="X", placeholder="X", required).form-control
        input(type="checkbox", name="checkboxname", text="asdf").form-control
    p           
    button(type="submit").btn.btn-default Submit

问题: 1.) 复选框名称，标记它的正确语法是什么？ 2.) 如何让表格更有活力？即，如果单击一个复选框或选择一个下拉菜单，是否会出现另一个？

谢谢

Answer 1

不幸的是，为了使它动态化，你不能在 Jade 中做到这一点。您将不得不依赖 jQuery 或其他前端库来处理它。

我这样标记我的复选框:

label(for="checkbox")
  input(type="checkbox", name="checkboxname", value="value").form-control
  | Checkbox Label Goes Here

如果我想从服务器设置默认值:

label(for="checkbox")
  input(type="checkbox", name="checkboxname", value="value" checked=data.checked?"checked":undefined).form-control
  | Checkbox Label Goes Here