js多級聯動選擇(checkbox)插件-tntreebox

分類: js 發布時間: 2018-04-24 11:18 瀏覽: 2,554 次

效果:

SK7}IE[A08{MN{PUU_UOO_B

演示地址:http://aso.39gs.com/tnTreebox/index.html

下址地址:http://aso.39gs.com/tnTreebox/tntreebox.rar

https://github.com/binwind8/tntreebox

項目介紹:網上找了很多類似的樹狀多選插件,大部分因為生成過多標簽導致加載太多選項時導致瀏覽器卡死。tntreebox已測試過在加載上萬個選項,仍能正常使用,真正實現經量級多選,完美解決選項多的問題。

使用說明:

引入樣式,js

tntreebox.js \?tntreebox.css

調用插件:


tnTreeBox('div_id','checkboxname',data,selected);

參數說明:
div_id:插入html的標簽id
checkboxname:checkname的name
data:選項數據,array,如 [id:1,name:’選項1′]
selected:已中項id,array,如:[‘id1′,’id2’]

data配置說明:
id:checkbox的valude
name:選項名稱
is_parent:上級id
is_select:是否選中
no_box:設置沒checkbox項目

如果覺得我的文章對您有用,請隨意打賞。您的支持將鼓勵我繼續創作!

今日特肖