jQuery多级树型标签选择器插件

来源:https://www.sucaihuo.com/js/4420.html 2019-06-11 12:12浏览(524) 收藏

一款动态获取文字标签值的jQuery多级树型标签选择器插件,可下拉展开收缩标签分类,点击标签菜单右侧打勾选中。
jQuery多级树型标签选择器插件
分类:导航菜单 > 树形菜单 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="js/tagTree.js"></script>
<script type="text/javascript">
$(function(){

    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!');
    	}
    });
});
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2