Javascript Bootstrap4切换按钮

我使用bootstrap4来创建；但是，单击按钮时，复选框不会被更新，尽管正在设置

活动

类

即使调用

$（'.btn group toggle'）。按钮（'toggle'）

也会设置

活动状态，但不会更改复选框的
选中状态

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



除了自己编写click（）函数之外，还有什么方法可以设置checked状态吗？
您的代码对我很有用-我怀疑您没有包含正确的JS？我猜测我自己迁移到4是因为我需要包括许多提供的JS文件中的哪一个，它不是很有文档记录。bootstrap.bundle.js是一个包罗万象的包

此外，在引导程序中有很多关于依赖性或怪癖的小参考，它们并没有特别突出。因此，请务必确保添加正确的aria标签等。
正如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>


复选框和单选按钮仅限于css。普通复选框和收音机本身当然不是JS。但是在这个设置中，需要使用引导按钮样式来充当“切换按钮”JS。编辑：-这是Bootstrap4当前版本，使用@Ramses代码。尝试关闭JS并观察按钮如何不再接收其活动状态。如何检查复选框是否未更新？因为它应该起作用：你是对的！我正在用chrome开发工具检查它，我希望看到
checked
值出现。我用一个普通的复选框进行了测试，但没有显示选中的值。它正在工作，但不知何故，我没有添加名称，因此无法在服务器上捕获它。