开源软件名称：

select-tree

开源软件地址：

https://gitee.com/hkgit/select-tree

开源软件介绍：

select-tree

h5下拉树形选择，带复选框

用法

// html<div class="select-tree">  <input type="text" class="form-control" placeholder="请点击选择" readonly />  <div class="dropdown-menu">    <input class="form-control" placeholder="输入搜索" />    <ul class="ztree"></ul>  </div></div><button class="btn btn-info" id="getVal">获取值</button>// css<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" /><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/metroStyle/metroStyle.css" />// js<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]/js/jquery.ztree.all.js"></script><script type="text/javascript" src="select-tree.min.js"></script><script>  $(function() {    var zNodes = [      { id: 1, pId: 0, name: "湖南省", open: true, chkDisabled: true },      { id: 101, pId: 1, name: "长沙", checked: true },      { id: 102, pId: 1, name: "株洲" },      { id: 2, pId: 0, name: "湖北省", open: false, chkDisabled: true },      { id: 201, pId: 2, name: "武汉" },      { id: 206, pId: 2, name: "黄石" },      { id: 3, pId: 0, name: "山东省", open: false, chkDisabled: true },      { id: 301, pId: 3, name: "济南" },      { id: 302, pId: 3, name: "青岛" }    ];    var selectTree = $(".select-tree").selectTree(zNodes, { chkStyle: "radio", chkTyle: "radio", height: 200 });    $("#getVal").click(function(e) {      alert(selectTree.getVal()); // 获取选择的值      e.preventDefault();    });  });</script>

参数说明

{  height: 500, // 下拉选项的高度  checkEnable: true, // 是否出现选择框  chkStyle: "checkbox", // 选择框类型 checkbox、radio  idKey： "id", // tree对应id字段名  pIdKey： "pId", // tree对应父id字段名  separation： "、", // 取值分隔符  chkTyle: "checkbox" // 下拉选择类型分单选和多选 checkbox、radio}