質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

4060閲覧

HTMLで複数のラジオボタン(name複数)で最終的に選択したものによってリンク先が変わるようにしたい

退会済みユーザー

退会済みユーザー

総合スコア0

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2018/10/16 12:40

編集2018/10/16 13:08

前提・実現したいこと

プログラミング初心者です。初歩的なことかと思いますが、ご教示頂きたくお願い致します。
HTMLとCSSで作成しています。
1つの画面の中に複数の選択問題があり、最後「次へ」ボタンをクリックすると選択したものによってリンク先が変わるようにしたいです。
例えば、以下の様な感じにしたいです。

<質問>
気分はどうですか?|よい/とてもよい/まあまあ/あまりよくない/よくない
職場の環境はどうですか?|よい/とてもよい/まあまあ/あまりよくない/よくない
上司との関係はどうですか?|よい/とてもよい/まあまあ/あまりよくない/よくない
家族との関係はどうですか?|よい/とてもよい/まあまあ/あまりよくない/よくない
「次へ」ボタン

選択はラジオボタンにしており、それぞれ選択後、「次へ」ボタンをクリックし、この4つの質問の回答で「よくない」、「あまりよくない」がどちらか1つでもあった場合はAのリンク、それ以外の場合はBのリンクに遷移するようにしたいです。

発生している問題・エラーメッセージ

該当のソースコード

<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>
</html>

試したこと

おそらくJavaScriptを使用するのだと思いまして<script>タグやif文を使い、調べながらやってみましたが、そもそもネットで調べてみましてもしっくりくるようなサイトがなくうまくいきませんでした。

補足情報(FW/ツールのバージョンなど)

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

PHPを使います。例えば、

HTML

1<form id="today">

の部分を

HTML

1<form id="today" name="today" method="post" action="next.php">

と書き換えると、送信ボタンでnext.phpというページへ飛び、
フォームのkibun,taichou,suimin,syokuyokuの値を受け取ることができます。

next.phpには値を受け取る処理と、それを場合分けして、URLに飛ばすという処理を書きます。
(PHPの書式で新たに作ります)

他の方法

このファイル(index.htmlとします)自体を
PHPファイル(index.php)にしてしまって、フォームの送信先を自分自身に向けます。

php

1<form id="today" name="today" method="post" action="index.php">

そうすると、自分で送信したデータを、自分自身で受け取ることもできます。

投稿2018/10/16 13:27

編集2018/10/16 13:28
kobayashitomoya

総合スコア40

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2018/10/16 13:38

早速、ご回答頂き、ありがとうございます。 PHPだったんですね。ずっとJavascriptだと思い込んでしまい、検索する際もそれで調べてしまっておりました。 ご教示頂きました通り、formの設定の書き換えと新たにPHPの作成をしてみます。 本当にありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問