前提・実現したいこと
プログラミング初心者です。初歩的なことかと思いますが、ご教示頂きたくお願い致します。
HTMLとCSSで作成しています。
1つの画面の中に複数の選択問題があり、最後「次へ」ボタンをクリックすると選択したものによってリンク先が変わるようにしたいです。
例えば、以下の様な感じにしたいです。
<質問>
気分はどうですか?|よい/とてもよい/まあまあ/あまりよくない/よくない
職場の環境はどうですか?|よい/とてもよい/まあまあ/あまりよくない/よくない
上司との関係はどうですか?|よい/とてもよい/まあまあ/あまりよくない/よくない
家族との関係はどうですか?|よい/とてもよい/まあまあ/あまりよくない/よくない
「次へ」ボタン
選択はラジオボタンにしており、それぞれ選択後、「次へ」ボタンをクリックし、この4つの質問の回答で「よくない」、「あまりよくない」がどちらか1つでもあった場合はAのリンク、それ以外の場合はBのリンクに遷移するようにしたいです。
発生している問題・エラーメッセージ
該当のソースコード
</html><div class="answer"> <form id="today"> <table border="0" align="center"> <tr> <td>気分はどうですか?|</td> <td> <input type="radio" value="1" name="kibun">よい/ <input type="radio" value="2" name="kibun">とてもよい/ <input type="radio" value="3" name="kibun">まあまあ/ <input type="radio" value="4" name="kibun">あまりよくない/ <input type="radio" value="5" name="kibun">よくない </td> </tr> <tr> <td>職場の環境はどうですか?|</td> <td> <input type="radio" value="1" name="taichou">よい/ <input type="radio" value="2" name="taichou">とてもよい/ <input type="radio" value="3" name="taichou">まあまあ/ <input type="radio" value="4" name="taichou">あまりよくない/ <input type="radio" value="5" name="taichou">よくない </td> </tr> <tr> <td>上司との関係はどうですか?|</td> <td> <input type="radio" value="1" name="suimin">よい/ <input type="radio" value="2" name="suimin">とてもよい/ <input type="radio" value="3" name="suimin">まあまあ/ <input type="radio" value="4" name="suimin">あまりよくない/ <input type="radio" value="5" name="suimin">よくない </td> </tr> <tr> <td>家族との関係はどうですか?|</td> <td> <input type="radio" value="1" name="syokuyoku">よい/ <input type="radio" value="2" name="syokuyoku">とてもよい/ <input type="radio" value="3" name="syokuyoku">まあまあ/ <input type="radio" value="4" name="syokuyoku">あまりよくない/ <input type="radio" value="5" name="syokuyoku">よくない </td> </tr> </table> <p class="center"> <input type="submit" value="次へ"> </p> </form> <script> </script> </div> </div> </body>
試したこと
おそらくJavaScriptを使用するのだと思いまして<script>タグやif文を使い、調べながらやってみましたが、そもそもネットで調べてみましてもしっくりくるようなサイトがなくうまくいきませんでした。
補足情報(FW/ツールのバージョンなど)
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/10/16 13:38