jQuery樹狀選取-checkboxtree
最近有需要用到類似圖片上的UI,有人有寫好的外掛用起來就輕鬆了,主要是可以做樹枝裝的展開跟選取功能,如果網站有要用到有子母關係的選單可以使用這個外掛。
首先下載checkboxtree
首先用準備類似這樣的ul跟li組合起來的結構。
<ul>
<li>
<ul>
<li></li>
<li></li>
</ul>
</li>
<li></li>
</ul>
然後引入外掛,因為這個外掛是jQuery UI的延伸,記得也要引入jQuery UI,不然會沒辦法使用。
結構都準備好了就直接使用就好了,官網還有其他的使用方式說明,有要使用的可以去研究看看適合自己網站的用法。
- $('#tree1').checkboxTree();
留言