【免费】bootstrap多级菜单+checkbox+带筛选资源-CSDN文库

共5个文件

js：2个

json：1个

html：1个

bootstrap

需积分: 0 190 浏览量 2024-05-14 20:58:16 上传评论收藏 40KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

combo.zip （5个子文件）

combo

comboTreePlugin.js 25KB

jquery.min.js 91KB

css

tree.css 4KB

index.html 4KB

json

data.json 2KB

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="css/tree.css" /> </head> <body> <div class="wrapper"> <div id="justAnInputBox1" class="select-tree-wrap"></div> <div id="justAnInputBox2" class="select-tree-wrap"></div> </div> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/comboTreePlugin.js"></script> <script type="text/javascript"> // $.ajax({ // url: '', // type: 'post', // contentType : "application/json;charset=utf-8", // dataType:'json', // success: function(data) { // // } // }); var SampleJSONData = [{ "id": '73A64FDAFFC', "title": "总裁办", "subs": [{ "id": '73At4FDoFFC', "title": "张三" }, { "id": '73At4FpAFFC', "title": "李四" }, { "id": '73AtwFDAFFC', "title": "数据中心", "subs": [{ "id": '13At4FDAFFC', "title": "王五" }, { "id": '83At4FDAFFC', "title": "赵武" }, { "id": '83Al4FDAFFC', "title": "通讯中心", "subs": [{ "id": '73At4FmAFFC', "title": "谢一" }, { "id": '73At4FpAFFC2', "title": "谢四" } ] } ] } ] }, { "id": '72A64FDAFFC', "title": "技术部", "subs": [{ "id": '73At4FDAFFC', "title": "赵小刚" }, { "id": '73AtuFDAFFC', "title": "李小刚" }, { "id": '73yt4FDAFFC', "title": "王小刚" } ] } ]; // let aaa = $('#justAnInputBox1').comboTree({ // source : SampleJSONData, // isMultiple: false, // isFirstClassSelectable:true, //第一级是否可选 // cascadeSelect: true, // selectedlength:3 //最多可选 // }); let bbb = $('#justAnInputBox2').comboTree({ source: SampleJSONData, isMultiple: true, isFirstClassSelectable: true, //第一级是否可选 cascadeSelect: true, selectedlength: 100 //最多可选 }); // bbb.datas(); //获取数据 </script> </body> </html>

评论收藏

内容反馈