jQuery樹狀選取-checkboxtree

最近有需要用到類似圖片上的UI，有人有寫好的外掛用起來就輕鬆了，主要是可以做樹枝裝的展開跟選取功能，如果網站有要用到有子母關係的選單可以使用這個外掛。

首先下載checkboxtree

首先用準備類似這樣的ul跟li組合起來的結構。

<ul>
<li>
<ul>
<li></li>
<li></li>
</ul>
</li>
<li></li>
</ul>


然後引入外掛，因為這個外掛是jQuery UI的延伸，記得也要引入jQuery UI，不然會沒辦法使用。

結構都準備好了就直接使用就好了，官網還有其他的使用方式說明，有要使用的可以去研究看看適合自己網站的用法。

view plaincopy to clipboardprint?

1. $('#tree1').checkboxTree();