- ベストアンサー
ラジオボタンによる表示、非表示について
申し訳ありませんjavascriptにうといため、ご質問させてください。 ラジオボタンが”はい”と”いいえ”とあって、 その下の段落に表示と非表示させたいのですが、 まず最初に、何も選択されていない状態の時に、なにも表示されていない非表示の状態に、 ”はい”というラジオボタンをおしたらフォーム画面が表示される。 ”いいえ”とおしたら”応募できません”と文字が表示される。 と言う風に、３つのアクションを作りたいのですが、 どのようにして良いかわかりません。 詳しい方どうぞよろしくお願い致します。
- k-nisshy
- お礼率66% (2/3)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 こんな感じでしょうか。間違えてたらすみません。 ==== 動作サンプル http://hppg.moe.hm/okwave/qa/q7294891/ ==== ソース <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>【OKWave回答サンプル集】ラジオボタンによる表示、非表示について</title> <link rel="stylesheet" href="/okwave/qa/css/basic.css" type="text/css" /> <script type="text/javascript"> var dispArea; var dispAreaMsg; window.onload = function() { dispArea = document.getElementById('disparea'); dispAreaMsg = document.getElementById('dispareamsg'); } function change ( value ) { if ( value == 'yes' ) { dispArea.style.display = 'block'; dispAreaMsg.style.display = 'none'; } else if ( value == 'no' ) { dispArea.style.display = 'none'; dispAreaMsg.style.display = 'block'; } } </script> <style type="text/css"> #disparea { display:none; } #dispareamsg { display:none; } </style> </head> <body> <h1>ラジオボタンによる表示、非表示について</h1> <form name="test"> <input type="radio" name="conf" value="yes" onclick="change(this.value);"/>はい <input type="radio" name="conf" value="no" onclick="change(this.value);" />いいえ <p id="disparea"> <input type="button" value="応募" /> </p> <p id="dispareamsg"> 応募できません。 </p> </form> </body> </html>
関連するQ&A
- ラジオボタンの制御
ラジオボタンの制御について質問をお願い致します。 ラジオボタンを選択することで、 フォーム内の部品を表示と非表示を切り替えるようにしました。 例えば、表示しないと表示するというラジオボタンを２つ配置し、 表示すると言うラジオボタンを選択すると非表示の部品が表示され、 表示しないと言うラジオボタンを選択すると表示されている部品が、 非表示に設定されるようなフームをあった場合に、 フォームオブジェクトのボタンをクリックすることで、 ラジオボタンの表示するが選択され状態にしたり、 ラジオボタンの表示しないが選択された状態にするための、 JavaScriptをどのように作成すれば良いかのアドバイスを、 頂ければ幸いです。 どうぞよろしくお願い致します。
- ベストアンサー
- JavaScript
- ラジオボタンの表示非表示のjavascriptにつ
申し訳ありません。 お詳しい方に教えていただきたいのです。 以前、こちらでご質問して回答いただいたのですが、 問題がありまして、ラジオボタンのyes,noでyesを選択したら、フォームページが現れるという仕組みを教わったのですが、 フォームの方はjavascriptを仕組み、例えば記入していない欄をそのままにして送信ボタンを押すと、赤い文字でエラー表示するフォームを作っているのです。エラーの状態で送信ボタンを押すと、最初のラジオボタンのyes,noに戻ってしまい、フォームがたたんだ状態になるそうなのです。 それで、いきなりフォームがたたまれて最初の状態に戻るのではなく、フォームにエラーが表示されるようにしたいのです。 yes.noをせんたくするjavascriptに問題があるのではないかと思っているのですが。。 もしおわかりになるかたがいらっしゃいましたらおしえていただけませんでしょうか。 よろしくお願い致します。 以下は教えていただいたjavascriptです。 フォームは簡単なものになっているので、javascriptは入っておりません。 ==== 動作サンプル http://hppg.moe.hm/okwave/qa/q7294891/ ==== ソース <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio … <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title>【OKWave回答サンプル集】ラジオボタンによる表示、非表示について</title> <link rel="stylesheet" href="/okwave/qa/css/basic.css" type="text/css" /> <script type="text/javascript"> var dispArea; var dispAreaMsg; window.onload = function() { dispArea = document.getElementById('disparea'); dispAreaMsg = document.getElementById('dispareamsg'); } function change ( value ) { if ( value == 'yes' ) { dispArea.style.display = 'block'; dispAreaMsg.style.display = 'none'; } else if ( value == 'no' ) { dispArea.style.display = 'none'; dispAreaMsg.style.display = 'block'; } } </script> <style type="text/css"> #disparea { display:none; } #dispareamsg { display:none; } </style> </head> <body> <h1>ラジオボタンによる表示、非表示について</h1> <form name="test"> <input type="radio" name="conf" value="yes" onclick="change(this.value);"/>はい <input type="radio" name="conf" value="no" onclick="change(this.value);" />いいえ <p id="disparea"> <input type="button" value="応募" /> </p> <p id="dispareamsg"> 応募できません。 </p> </form> </body> </html>
- 締切済み
- JavaScript
- htmlのラジオボタンをラベルで選択したい
htmlでラジオボタンについて質問です。 仮に 「○選択肢１」 「○選択肢２」 という風に、"ラジオボタン"＋"テキスト"という形でhtmlを組んだ 場合、テキストである「選択肢１」の部分を押しても横のラジオボタン が選択されるようにしたいのですが、方法が判りませんでした。 現在はテキスト部分を枠線なしのtextboxで作り、javascriptでラジオ ボタンのクリックアクションを起こしていますがどうにもスマートじゃ なく、しっくりきません。 どなたか最適な方法をご存知でしたらお教え願います。
- ベストアンサー
- その他([技術者向] コンピューター)
- ラジオボタンのチェック
VB2010で作成してるんですけど。 ラジオボタンをフォームに入れてデバッグすると、ラジオボタンがチェックされて表示されてしまいます。。 Form_Loadでラジオボタンのチェックを外すコードは書いたんですけど・・。 RadioButton1.Checked = False という風に。 でもやはりチェックがついています。。 どうしたらチェックを外した状態で表示できるでしょうか？
- ベストアンサー
- Visual Basic
- ラジオボタンについて。
データの更新を行なう画面をつくり、データベースから取得したデータをもとにテキストの内容やラジオボタンのチェックの有無を画面に表示させようとしています。 最初に更新画面を呼び出し、データを表示することはうまくいくました。 しかし、IEの[表示]-[エンコード]や[最新の状態に更新]をやったり、戻るボタンで戻ると、テキストの内容は表示されるのですが、ラジオボタンは、なぜか一瞬チェックした後に、すぐチェックが外れてしまいます。 今やっているのは、Webの画面全てをASPで表示した後で、 最後にJavaScriptにより、 <script language='javaScript'> ラジオボタン名(i).checked = true; </script> のようにやっているのですが。。。 このやり方がまずいのでしょうか？ 最初にボタン設定する際に"<INPUT TYPE ='radio' ～ checked>"で指定しなければいけないのでしょうか？ よろしくお願いします。
- 締切済み
- Microsoft ASP
- ラジオボタンのフォーカスについてなのですが・・・
私は現在ＶＢで４択クイズのプログラムを作成しています。 データセットに問題、選択肢、解答を格納しています。 フォームにテキストボックスで問題文を表示し、ラジオボタンで選択肢を表示していて、ボタンで次の問題に移行するように作りました。 いま頭を悩ませているの例えばラジオボタンの選択肢がア、イ、ウ、エとあってイの選択肢を選んで次の問題に移行するボタンをおしたら次の問題で最初から選択肢イが選択されている状態なのです。 これを新しい問題へ移行したときはじめは選択肢アが選択されている状態にしたいのです。 フォーカスの設定などになると考えてはいるのですがお手上げの状態です。 どうかアドバイスのほうよろしくお願いしますm(_ _)m
- ベストアンサー
- Visual Basic
- ラジオボタンの選択に応じてインプットを表示する。
お世話になります。 現在、ラジオボタンの選択に応じてインプットのフィールドが表示されるようなHTMLフォームを作っているのですが、煮詰まってしまいました。どうしてもうまくいかないのですが、 <html> <head> <title>テスト</title> <script type="text/javascript"> <!-- function checkradio( disp ) { document.getElementById('input').style.display = disp; } //--> </script> </head> <body> <form action="xxx"> <p> <input type="radio" name="domain" id="1" value="1" onclick="checkradio('none');" /> <label for="1">選択１</label><br /> <input type="radio" name="domain" id="2" value="2" onclick="checkradio('none');" /> <label for="2">選択２</label><br /> <input type="radio" name="domain" id="3" value="3" onclick="checkradio('block');" checked /> <label for="3">選択３</label><br /> </p> <p id="input"> 選択３の詳細を書いてください。：<input type="text" id="input" name="select3" value="" size="20" /> </p> </form> </body> </html> と、こんな感じで、３を選択した時しかインプットを表示できません。選択１や選択２を表示した時には、「選択１の詳細を書いてください。」または「選択２の詳細を書いてください。」と表示させたいのですが、どこをどんな風に直せばいいでしょうか？ それと同時に初期画面ではこのインプットを非表示にしてラジオボタンを選択した時に表示されるようにしたいと思っています。 よろしくお願いします。
- ベストアンサー
- JavaScript
- ラジオボタンでテキストボックスを非アクティブにできる？
２択のラジオボタンと、テキストボックスが一つあったとして、ラジオボタンの片方を選択しているときは、このテキストボックスを非アクティブ状態にする、といったことはJavascriptで可能でしょうか？ あまりJavascriptに詳しくないので、簡単な記述で制御できると助かるのですが・・・。 ご教授、よろしくお願いいたします。
- 締切済み
- JavaScript
- javascript ラジオボタン
javascriptのことで質問させてください。 よろしくおねがいします。 簡単なフォームをテーブルで作成しています。 例えばの例でお願いします。 <form action="" method="post"> <table> <tr> <td>表示/非表示<td> <td><input type="radio" value="1">非表示 <input type="radio" value="2">表示<td> <tr> <!--ここから表示/非表示部分--> <tr> <td>テキスト<td> <td><input type="text"><td> <tr> <!--ここまで表示/非表示部分--> </table> </form> 上記のようなフォームがあったとします。 PHPを使用していまして、 『hoge.html?str=値』 がアドレスとします。 $str=$_GET['str']; $str=1 の時は、はじめは表示 $str=2 の時は、はじめは非表示 $str="" の時は、はじめは非表示 という感じの内容でラジオボタン選択すると表示/非表示されると言うものを作成したいと思っています。 説明がわかりにくいと思いますがどうぞよろしくお願いします。
- ベストアンサー
- JavaScript
- formのラジオボタン
初心者です教えて頂きたいのですが フォームの送信先を自分自身（HTML）にして送信したとき 次に表示されるラジオボタンを送信前と同じ物を選択した状態にしたいのですが どうしたら良いですか？よろしくお願いします。
- ベストアンサー
- HTML
お礼
LancerVIIさん、本当にありがとうございました！！ 大丈夫でした。 とても助かりました。 また何か有りましたら、どうぞよろしくお願い致します。