チェックボックスの追加

クイックスタートの例に基づき、showCheckBoxes オプションを使用して、ツリーノードにチェックボックスを追加できます。通常のオン状態とオフ状態のほかに、３番目の状態とし不確定状態を許可できます。この状態は、親項目に関連する子項目の状態が混在している場合に、親項目のチェックボックスに四角形を表示します。これを有効にするには、allowTriState オプションを true に設定します。

HTML ファイルの <head> セクションで、ドキュメントの ready 関数を含むスクリプトを、チェックボックスを表示する次のスクリプトに置き換えます。

ドロップダウンからスクリプトをコピーして、<head> セクション内に貼り付けます

HTML ファイルの <body> セクションを変更する必要はありません。このツリーを作成するには、基本的な <ul> タグで十分です。
HTML ファイルを保存し、それをブラウザで開きます。実際のウィジェットは次のように表示されます。［Tree Node 1］をクリックし、子ノードの１つをオンにすると、不確定状態になります。

関連トピック

参照