如何写下拉菜单复选框

张金金
  • 271

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

如图:
图片描述

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

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

回复
阅读 6.2k
5 个回答

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

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

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

clipboard.png

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

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

宣传栏