如何写下拉菜单复选框

Question

bootstrap写了个下拉菜单,但是下拉菜单毕竟都是单选,所以我想,是否可以写个复选框在下拉菜单里。
然后尝试了一下,但是写完以后,点击复选框选项,下拉菜单依然会收起,
我想让用户在选择选项时,下拉菜单不收起,然后选完以后,失去焦点了,再收起。
然后我就不知道怎么写了，用jquery控制了但是依然还是收起。。。

如图：

下面是控制台看到的,点击之后 会出现open的类名 然后就会下拉
但是再次点击 或者是选择了其中的某项 open类就会被删除 然后就会收起
我用jquery控制点击选项不删除open类(也就是addClass了一个open类) 但是还是不行

有没有大佬指条明路啊！！！万分感谢！！！

Answer 1

下拉框也可以实现多选，网上很多例子

Answer 2

给这个节点添加个点击事件,阻止事件冒泡，触发收起

$('节点').click(function(){
  return false;
})

Answer 3

下拉复选框组件,comboBoxEditor,很多例子的,找找看吧

Answer 4

推荐个select2

Answer 5

添加open类名是用来控制dropdown-menu的样式display属性的。有open时dropdown-menu的display为block，默认为none。
所以提供一个思路，利用代码来实现相应的回调函数，设置display属性即可。