Bootstrap 4将菜单项转换为多选

Question

在Bootstrap文档中遵循此示例：http://getbootstrap.com/docs/4.0/components/dropdowns/#menu-dividers

我希望切换菜单项目的点击效果，所以当我点击它时会变为蓝色，如果我再次点击它会返回到未选中状态。模仿多选，但我不想使用复选框或默认的多选。

我可以只使用css调整吗？

我对任何其他实现更直观的多选的想法持开放态度，特别是对于移动设备（外部库除外）

Answer 1

我可以提供纯粹的JS解决方案，但是如果你使用bootstrap，你也可以利用JQ。

JQuery解决方案

Bootstrap有一个名为active的类。如果您的类名称不同，显然只需替换.dropdown-item。

$(".dropdown-item").click(function() {
   $(this).toggleClass("active");
});