jQuery Checktree是一個用于創建帶有復選框的多層級樹形結構的jQuery插件。該插件能夠方便快捷地創建復雜的樹形控件。

$(function() {
$('#tree').checkTree();
});

上述代碼將創建一個帶有復選框的樹形結構，其根節點ID為“tree”。我們可以通過指定數據源、樣式和回調函數等參數來自定義該控件。

$(function() {
$('#tree').checkTree({
data: [
{
label: '節點1',
children: [
{label: '節點1.1'},
{label: '節點1.2'}
]
},
{
label: '節點2',
children: [
{label: '節點2.1'},
{label: '節點2.2'}
]
}
],
collapseUiIcon: 'plus',
expandUiIcon: 'minus',
nodeClicked: function() {
console.log('節點被點擊了');
}
});
});

在上述代碼中,我們定義了一個數據源，作為樹形結構的內容。我們還修改了UI圖標以及點擊節點的回調函數。

jQuery Checktree支持動態更新和擴展等高級功能。通過使用該插件，我們可以創建出美觀、易用的樹形結構。