質問: ツリー形式の選択 表示、非表示 項目が500程度ある中から10項目程度を選択するフォームを作っています。 項目が多いため、細かくカテゴリ分けをしておきカテゴリをクリックすると選択項目を表示し、チェックさせるようにしようと思っていますが、下に記述したソースですと再度クリックすると選択項目すべてが非表示となってしまいます。 それを非表示にしてもチェックした項目だけは表示できる方法はないでしょうか? javascript・cssは詳しくなく、難しいことは分からないんですがよい方法があれば教えてください。 もっと選択が簡単分かりやすくできそうな方法でも大歓迎です。 以下は、ツリー形式でカテゴリをクリックすると選択項目を表示したり非表示にしたりするソースです。 ------------------------- +大カテゴリ 項目1 項目2 項目3 項目4
回答: 回答をそのまま載せてしまうと違反になってしまうので、ヒントだけ。 このhtml構成では、選択されていない行だけ非表示することはできません。項目1 この一行をひとつの要素として認識させるために、divかspanで囲います。 あとは、ひとつずつの要素ごとにチェックされているかどうかを確認して表示/非表示の設定をしていけばいいです。 表示/非表示の方法は、大カテゴリを選択したときと同様にstyleのdispley属性を使うといいです。