切换按钮如何与复选框一起使用?

时间:2015-09-02 07:38:39

标签: javascript forms checkbox twitter-bootstrap-3 togglebutton

我指的是我不明白的Toggle buttons with checkboxes。我们有一个例子(我添加了一些ID):

<div class="btn-group" data-toggle="buttons">
  <label class="btn btn-primary active">
    <input id="c1" type="checkbox" autocomplete="off" checked> Checkbox 1 (pre-checked)
  </label>
  <label class="btn btn-primary">
    <input id="c2" type="checkbox" autocomplete="off"> Checkbox 2
  </label>
  <label class="btn btn-primary">
    <input id="c3" type="checkbox" autocomplete="off"> Checkbox 3
  </label>
</div>

我可以点击第三个按钮或使用$('#c3').closest('.btn').button('toggle')将第三个按钮设置为按下。这在视觉上还可以。但是,复选框输入没有获得checked属性,这就是我所缺少的。为什么不自动发生?我是否需要手动执行此操作?

更新和解决方案:

正如MarcosPérezGude所透露的:Firefox(或Chrome中的Elements)的检查员没有显示关于复选框的选中状态的更改。在那里,您可以修改或查看其他内容,但目前(Firefox 40)已检查状态不可信任。那是我的错。

0 个答案:

没有答案