好资源导航 » 文章资讯 » html+javascript+bootstrap实现层级多选框全层全选和多选功能

html+javascript+bootstrap实现层级多选框全层全选和多选功能

2024-02-27 23:38:03 55

想做一个先按层级排序并可以多选的功能，首先倾向于用多层标签式的，直接选定加在文本域里，查到这文，非常详细，如果大家需要做前面所说的功能，可以参考这个地址，http://mrthink.net/jquery-plugin-iselecttags/

但是，考虑到如果要做一个选项数不确定、可能非常多，用标签会容易视觉疲劳，同时要求随着选项数的变化，最小程度影响网页布局和效果，于是选择用层级的多选框，也就是设置电脑的那种常见效果。第二层选项可以折叠/展开到第一层下面，用bootstrap的data-toggle="collapse"data-target="#demo1"进行关联第二层折叠效果。

具体代码如下：




版本一

v1.0.1
V1.1.1
V1.2.1
V1.3.1



版本二

V2.0.1
V2.1.1
V2.2.1



版本三

V3.0.1
V3.1.1
V3.2.1


全选

以上所述是小编给大家介绍的html+javascript+bootstrap实现层级多选框全层全选和多选功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！

返回顶部
514930285
czq8825@qq.com

html+javascript+bootstrap实现层级多选框全层全选和多选功能

热门推荐

随机推荐