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

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

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

     具体代码如下：

  ul li{
    list-style:none;
  }


  版本一
  

    
 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实现层级多选框全层全选和多选功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持！