前提・実現したいこと
20分調べてどうにも分からなかったため、初めて質問させていただきます。
諸先輩方、何卒よろしくお願いいたします。
アンケートフォームを作成しており、フォームの選択肢によって表示・非表示を動的に切り替えたいと考えております。
Q1-1.本サービスを利用する1番目の理由に該当するものを選択してください ○ 価格 ○ 品質 ○ サポート体制 ○ 知名度 ○ ブランド ○ その他 Q1-2.本サービスを利用する2番目の理由に該当するものを選択してください ○ 価格 ○ 品質 ○ サポート体制 ○ 知名度 ○ ブランド ○ その他 Q1-3.本サービスを利用する3番目の理由に該当するものを選択してください ○ 価格 ○ 品質 ○ サポート体制 ○ 知名度 ○ ブランド ○ その他
例えばQ1-1.で「知名度」を選択した場合、自動的にQ1-2,Q1-3からは知名度が選択肢から消えるようにしたいです。
要するにQ1-3に回答する際、選択肢が2つ消えた状態になっている必要がございます。
このフォームは作成できたのですが、選択肢によってフォームの表示・非表示の切り替えがどうすれば実現できるのか分かりませんでした。
発生している問題・エラーメッセージ
問題といたしましてはQ.1-1とQ.1-2とQ.1-3が同じ回答を持つということです。
ここに関してどうすれば別フォームの値を選択肢から削除できるのかが分かりませんでした。
該当のソースコード
念のため、下記にソースコードを記述いたします。
HTML
1<form method="post" id="form" action="confirm.php"> 2 <h2 class="title">Q1-1.本サービスを利用する1番目の理由に該当するものを選択してください</h2> 3 <div class="question_content"> 4 <input type="radio" name="q1-1" value="価格"> 5 <input type="radio" name="q1-1" value="品質"> 6 <input type="radio" name="q1-1" value="サポート体制"> 7 <input type="radio" name="q1-1" value="知名度"> 8 <input type="radio" name="q1-1" value="ブランド"> 9 <input type="radio" name="q1-1" value="その他"> 10 </div><!-- #Q1-1 --> 11 <h2 class="title">Q1-2.本サービスを利用する2番目の理由に該当するものを選択してください</h2> 12 <div class="question_content"> 13 <input type="radio" name="q1-2" value="価格"> 14 <input type="radio" name="q1-2" value="品質"> 15 <input type="radio" name="q1-2" value="サポート体制"> 16 <input type="radio" name="q1-2" value="知名度"> 17 <input type="radio" name="q1-2" value="ブランド"> 18 <input type="radio" name="q1-2" value="その他"> 19 </div><!-- #Q1-2 --> 20 <h2 class="title">Q1-3.本サービスを利用する3番目の理由に該当するものを選択してください</h2> 21 <div class="question_content"> 22 <input type="radio" name="q1-3" value="価格"> 23 <input type="radio" name="q1-3" value="品質"> 24 <input type="radio" name="q1-3" value="サポート体制"> 25 <input type="radio" name="q1-3" value="知名度"> 26 <input type="radio" name="q1-3" value="ブランド"> 27 <input type="radio" name="q1-3" value="その他"> 28 </div><!-- #Q1-3 --> 29 <h2 class="title">その他を選択された方のみご入力ください</h2> 30 <div class="question_content"> 31 その他理由:<input type="text" name="other" size="20" value="" maxlength="255"> 32 </div><!-- #other --> 33 <h2 class="title">Q2.ご意見・ご感想など</h2> 34 <div class="wrap"> 35 <textarea name="q2" cols="30" rows="20"></textarea> 36 </div><!-- #Q2 --> 37 <p class="submit_button" align="center"> 38 <input type="submit" value=" 確認画面へすすむ " /> 39 </p> 40</form>
試したこと
「フォーム 値 表示 非表示」で検索し、いくつかの記事を読みましたが、直接的な解決方法を発見することができませんでした。
発見できた記事は一つのラジオボタンの値によって、要素の表示・非表示を切り替えるのみでした。
補足情報(FW/ツールのバージョンなど)
DreamWeaver CS6を使用しております。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/11/26 11:37