引导+玉的checkbox

伙计，我对翡翠和自举相当陌生。 创build一个简单的表单，其中有下拉和checkbox。

现在我的代码如下所示：

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）checkbox名称，最新的标签是什么？ 2.）如何使表单更dynamic？ 也就是说，如果点击一个checkbox或select了一个下拉菜单，另一个会出现？

谢谢

Answer 1

不幸的是，为了使它dynamic化，你不能在翡翠做。 你将不得不依靠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 

Answer 2

以下工作：（bootstrap3）

 .checkbox label input(type='checkbox', name='checkbox', value='test') | check 

Answer 3

如果你使用angular度这很好

  input(type="checkbox", name="myCheckbox") label(translate="TRANSLATE_TEXT", for="myCheckbox")