Question

我使用Bootstrap 4创建a toggle button;但是，在单击按钮时，虽然正在设置active类，但未更新该复选框。

即使调用$('.btn-group-toggle').button('toggle')设置active状态，也不会更改复选框的checked状态。

<div class="btn-group-toggle" data-toggle="buttons">
  <label class="btn btn-outline-secondary">
    <input type="checkbox" value="0" />
  </label>
</div>

有没有办法设置检查状态，而不是自己编写click（）函数？

Answer 1

你的代码对我有用 - 我怀疑你没有包含正确的JS？我猜测自己在我需要包含的许多提供的JS文件中迁移到4个，它没有很好的记录。 bootstrap.bundle.js是包含所有内容的全能型。

此外，在Bootstrap中有很多关于依赖性或怪癖的参考文献没有特别突出。所以要小心确保添加正确的咏叹调标签等。

Answer 2

正如Dan Brazier所提到的，使用的HTML是正确的。我错过了输入上的name属性，这就是我无法在服务器上捕获它的原因。所以这是更新的代码：

<div class="btn-group-toggle" data-toggle="buttons">
  <label class="btn btn-outline-secondary">
    <input name="my-input-value" type="checkbox" value="0" />
  </label>
</div>

Bootstrap4切换按钮

2 个答案: