html选择框 树结构,带复选框tree树结构插件MultipleTreeSelect.js

使用方法

引用所需要的文件

html

js对输入框加入数据

var zNodes = [

{id: 1, pId: 0, name: "火之国",   open: true},

{id: 11, pId: 1, name: "木叶忍者", open: true },

{id: 111, pId: 11, name: "鸣人" },

{id: 112, pId: 11, name: "佐助"},

{id: 12, pId: 1, name: "木叶暗部" },

{id: 121, pId: 12, name: "鼬"},

{id: 122, pId: 12, name: "卡卡西"},

{id: 2, pId: 0, name: "沙之国", open: true},

{id: 21, pId: 2, name: "千代婆婆"},

{id: 26, pId: 2, name: "我爱罗"} ,

{id: 22, pId: 2, name: "沙之国忍者", open: true},

{id: 221, pId: 22, name: "手鞠"},

{id: 222, pId: 22, name: "勘九郎"},

{id: 3, pId: 0, name: "水之国"},

{id: 4, pId: 0, name: "土之国"}

];

var defaults = {

zNodes: zNodes,

height:233

}

调用插件

$(document).ready(function () {

$("textarea").drawMultipleTree(defaults);

});