jQuery树型标签选择插件 tagTree

树型标签选择器

该控件是基于jquery库开发的，所以使用前，必需引入这些库。 同时选择勾勾为字体库图标，如果不想引入图标字体库，可以自己改成图片。 该控件是一个树型选择器，支持多选单选，并返回值。

<div id="test"></div> 控件数据结构

var data =[ { name:"1号标签", value:"1", children:[ { name:"11号标签", value:"11", children:[] }, { name:"12号标签", value:"12", children:[] }, { name:"13号标签", value:"13", children:[ { name:"131号标签", value:"131", children:[] } ] } ] }, { name:"2号标签", value:"2", children:[ { name:"21号标签", value:"21", children:[] }, { name:"22号标签", value:"22", children:[] } ] }, { name:"3号标签", value:"3", children:[] } ]; 初始化控件数据

$("#test").tagTree({ id:"", data:data, fold:false, multiple:false, check:function(val){ console.log('chekc:'+val); console.log($(this).tagTreeValues()); }, done:function(){ console.log('tagTree is ok!'); } }); 运行效果如下