bootstrap + jade复选框

Question

伙计们,我对玉和靴子都很陌生.创建一个简单的表单,其中包含下拉列表和复选框.

现在我的代码如下:

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或其他前端库来处理它.

我将Checkbox标记为:

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