Bootstrap 4 下拉菜单中的切换复选框

Question

我在 Bootstrap 4 下拉菜单 ( https://getbootstrap.com/docs/4.0/components/dropdowns/ ) 中放置了一个带有 Bootstrap Toggle Plugin ( http://www.bootstraptoggle.com/ ) 样式的复选框。 当我单击切换按钮时，菜单会立即关闭。

我可以通过使用onclick="event.stopPropagation();"来防止这种情况发生在菜单项上（来自此处的代码： 单击时保持 Bootstrap 下拉菜单打开）。 但是，拨动开关不再起作用。

有没有办法在单击切换时让菜单保持打开状态？

Answer 1

如果您将切换开关包裹在表单标签中，则不应关闭下拉列表。

http://jsfiddle.net/mjhr0f6d/2/

...
<form>
<input type="checkbox" checked data-toggle="toggle">wrapped inside form
</form>
...