Javascriptを使ってツリー構造のチェックボックスを選択する方法

ツリー構造のチェックボックスのJavascriptで実現

チェックボックスがツリー構造になっており、上位チェックボックスが選択された時の例です。

See the Pen Untitled by アメ株クラブ MIYACHITTA (@amekabu_club) on CodePen.

上位チェックボックスをチェックした時、その配下のチェックボックスもすべてチェックされます。

下位チェックボックスの中で、チェックを外した場合、上位チェックボックスのチェックを外します。