jsTree、jQueryを使ってhtmlのリストをcheckbox付きのツリー表示にしています。
親子ノードの関係で以下のような動作をさせたいのですが、実現方法を教えていただければと思います。
- 親ノードのチェックを入れると子孫のノードにチェックが入る(three_state: trueで実現可)
- 親ノードのチェックを外すと子孫のノードのチェックも外れる(three_state: trueで実現可)
- 親ノードにチェックが入っていないときに子ノード全てにチェックを入れても親ノードにはチェックが入らない
- 親ノードにチェックが入ってるときに子ノードのチェックを外しても親ノードのチェックは外れない
- ctrlキーを押しながらクリックで親ノードにチェックを入れても子ノードのチェック状態は変わらない
- ctrlキーを押しながらクリックで親ノードのチェックを外しても子ノードのチェック状態は変わらない
なお、jsTreeでないといけないなどの制限はありませんが、JavaScript、jQuery、HTML5、CSS3などの一般的なWeb環境で動かせる方法を探しております。
よろしくお願いします。
あなたの回答
tips
プレビュー