- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：ツリー形式の選択 表示、非表示）
ツリー形式の選択 表示、非表示
このQ&Aのポイント
- ツリー形式の選択 表示、非表示についての質問です。
- 項目が多いため、細かくカテゴリ分けをしておきカテゴリをクリックすると選択項目を表示し、チェックさせる方法を探しています。
- javascript・CSSが得意ではないので、より簡単で分かりやすい方法があれば教えてください。
- deux
- お礼率50% (2/4)
- JavaScript
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
noname#19197
回答No.2
回答をそのまま載せてしまうと違反になってしまうので、ヒントだけ。 このHTML構成では、選択されていない行だけ非表示することはできません。 ------------------------------------------------- 項目1<input type="checkbox" name="aaa[1]" value="1"><BR> この一行をひとつの要素として認識させるために、divかspanで囲います。 あとは、ひとつずつの要素ごとにチェックされているかどうかを確認して表示/非表示の設定をしていけばいいです。 表示/非表示の方法は、大カテゴリを選択したときと同様にstyleのdispley属性を使うといいです。
その他の回答 (1)
noname#19197
回答No.1
<!-- // ツリーメニュー flag = false; function treeMenu(menuNo) { tName = "treeMenu" + menuNo; tMenu = document.all[tName].style; if(tMenu.display == 'none') tMenu.display = "block"; } こういうことでしょうか？
補足
説明不足ですみません。。。 クリックして非表示にした場合、 チェックボックスにチェックした項目のみ表示させ、 チェックしてない項目は非表示にしたいのです。 例：質問のソースを使用した場合 項目1のチェックボックスにチェックをいれ、項目2,3,4にはチェックを入れてない場合、再度”+大カテゴリ”をクリックすると項目1だけ”+大カテゴリ”の下に表示する。 分かりにくいでしょうか。。。 以上よろしくお願いいたします。