- 締切済み
ラジオボタンの選択内容をテキストで表示する
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- Proof4
- ベストアンサー率78% (151/192)
----index.html---- <html> <head> <meta charset="utf-8"> <title>入力</title> <script> document.addEventListener("DOMContentLoaded", function(){ document.getElementById("submit").addEventListener("click", submit); }); function getRadio(name){ //ラジオボタンオブジェクトを取得する関数 var radios = document.getElementsByName(name); for(var i=0; i<radios.length; i++){ if (radios[i].checked) { return radios[i].value; } } } // 送信ボタンを押したときの動作 function submit(){ var param = "radio1=" + getRadio("radio1"); location.href = "get.html?" + param; // 次のページに移動 } </script> </head> <body> <form id="myform"> <label> <input type="radio" name="radio1" value="1">1 </label> <label> <input type="radio" name="radio1" value="2">2 </label> <label> <input type="radio" name="radio1" value="3">3 </label> <label> <input type="radio" name="radio1" value="4">4 </label> <label> <input type="radio" name="radio1" value="5">5 </label> <button type="button" id="submit">送信</button> </form> </body> </html> ----get.html---- <html> <head> <meta charset="utf-8"> <title>結果取得</title> <script> // クエリ文字列を取得する関数 function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pair = vars[i].split("="); if (pair[0] == variable) { return pair[1]; } } } document.addEventListener("DOMContentLoaded", function(){ // 結果を表示する document.getElementById("result").innerHTML = getQueryVariable('radio1'); }); </script> </head> <body> --結果-- <div id="result"> </div> <a href="index.html">戻る</a> </body> </html> 上記はサンプルコードです。コピペし、それぞれを同じフォルダ内にindex.html, get.htmlとして作成するとデモが動くと思います。 仕組みとしてはURLにクエリ文字列を付加、それを読み込むことで結果を次のページに渡しています。 これを応用することで何ページにもわたって回答を保持することが可能です。
関連するQ&A
- WEBサイトの回答内容をメールで送信する
私は現在、卒業論文でwebサイトを使った類似性の研究をしています。 そこで、4ページにわたるWEBページで、ラジオボタンやプルダウンメニュー、フォームを用いて回答してもらった内容を自分のメールアドレスに送信するという仕組みを作りたいのですが、HTMLやプログラミングの知識が全くないため、調べながら試してみてもうまくできませんでした。 そこで、どのように書いていけば思う通りにwebが動いてくれるのかを教えて頂きたいです。不躾な質問であるとは思うのですが、何卒宜しくお願い致します。
- ベストアンサー
- JavaScript
- htmlのラジオボタンをラベルで選択したい
htmlでラジオボタンについて質問です。 仮に 「○選択肢１」 「○選択肢２」 という風に、"ラジオボタン"＋"テキスト"という形でhtmlを組んだ 場合、テキストである「選択肢１」の部分を押しても横のラジオボタン が選択されるようにしたいのですが、方法が判りませんでした。 現在はテキスト部分を枠線なしのtextboxで作り、javascriptでラジオ ボタンのクリックアクションを起こしていますがどうにもスマートじゃ なく、しっくりきません。 どなたか最適な方法をご存知でしたらお教え願います。
- ベストアンサー
- その他([技術者向] コンピューター)
- ラジオボタンでテキストボックスを非アクティブにできる？
２択のラジオボタンと、テキストボックスが一つあったとして、ラジオボタンの片方を選択しているときは、このテキストボックスを非アクティブ状態にする、といったことはJavascriptで可能でしょうか？ あまりJavascriptに詳しくないので、簡単な記述で制御できると助かるのですが・・・。 ご教授、よろしくお願いいたします。
- 締切済み
- JavaScript
- ラジオボタンの選択項目
ラジオボタンの選択項目を、セレクトボックスとテキストボックスにするにはどのようにしたらいいのでしょうか？ またJavaScriptを用いてラジオボタンの値と選択されたセレクトボックス、テキストボックスの値をsubmitさせるにはどのようにするのでしょうか？ ご存知の方いらっしゃいましたらお願いします。
- 締切済み
- HTML
- ラジオボタンの選択内容により、テキストボックスをアクティブにしたい
資料請求、訪問予約、来店予約のためのメールフォームを作成しています。そこで、資料請求、訪問予約、来店予約の3つの選択項目のラジオボタングループを作って、 1.訪問予約、来店予約のときは、日時入力用のテキストボックスをアクティブにしたい。 2.資料請求のときは、日時入力用のテキストボックスは非アクティブ（disabled）にしたい 3.初期値は資料請求を選択した状態で、テキストボックスは非アクティブ このようなものを作りたいと思っています。 html+javascript で作れたらいいなと思っています。 どうかご教授お願いします。
- ベストアンサー
- JavaScript
- ラジオボタンの様な選択方法
Webページを作成しているのですが、 画面にテーブルを表示して テーブルの中の一つ箇所を排他的に選択できるようにし、 実行ボタンを押すと選択に対応した処理を実行したいと考えています。 (4×6のテーブルならば、24箇所の中から一箇所を選択した後に実行するという形です) 全ての箇所にラジオボタンを配置するのも不恰好ですし、 選択箇所のみをスイッチの様に出来る方法は無いでしょうか？
- ベストアンサー
- HTML
- ラジオボタンを数個まとめて選択する方法は？
ヤフーのウェブメールで連続しているラジオボタンを何個もまとめて選択することは出来ますか？ 一個一個クリックしていくのはメチャメチャ面倒なんで・・・。 宜しくお願いいたします。
- ベストアンサー
- その他（インターネット・Webサービス）
- ラジオボタンで選択したファイルをダウンロードするプログラム教えてください
プログラミング超初心者です。分からないので、教えてください。 いくつかのラジオボタンを作り そのラジオボタンにより選択したファイル（テキストファイル）を ダウンロードするプログラムを 知りたいので、教えてください。 ファイルは 指定したフォルダに全て存在するものとし、1つの項目に対して複数のファイル選択は不可とします。 宜しくお願いします。 例）各々、DLしたいファイルを選択せよ（A,Bともに複数選択不可） Aに関するファイル ○1.txt ○2.txt ○3.txt Bに関するファイル ○4.txt ○5.txt ○6.txt 【2つのファイルをダウンロードする】←ボタン
- 締切済み
- HTML
- ラジオボタンを選択したらテキストに数字入力
ラジオボタンを選択してvalueが1だったら、テキスト欄（Q1_TEXT）に0を入力し、それ以外だったら何もしない、というJavascriptを書きたいです。ラジオボタンによって、テキスト欄の有効化、無効化に関する書き方は見つけられたのですが、このような挙動について見つけることができませんでした。 ご存じの方がおられましたらご教示いただけますと助かります。 よろしくお願いいたします。 <body> <form> <INPUT type="radio" name="Q1" value="1"> <INPUT type="radio" name="Q1" value="2"> <INPUT type="radio" name="Q1" value="3"> <INPUT type="text" name="Q1_TEXT" value="_Q1_TEXT_CHK_" SIZE="7"> </form> </body>
- ベストアンサー
- JavaScript
- ラジオボタンと連動させたいです
3つのラジオボタンとその右側に3つのテキストの枠があるとします。 例として（(1)tel/(2)fax/(3)mail）いずれかのラジオボタンを選択して、それぞれの右側にあるテキスト枠に電話番号などを入力してもらうようにしたいのです。 そこで、何もラジオボタンを選択していない状態だと右側のテキスト枠すべてを灰色で表示させて入力できなくし、たとえばその3つの内の(2)faxのラジオボタンを選択するとその行の右側にあるテキスト枠が入力できるようにしたいのですがどのようにすればできますでしょうか。 わかりにくい表現ですが宜しくお願いします。
- 締切済み
- ホームページ作成ソフト
