- ベストアンサー
htmlのラジオボタンをラベルで選択したい
htmlでラジオボタンについて質問です。 仮に 「○選択肢１」 「○選択肢２」 という風に、"ラジオボタン"＋"テキスト"という形でhtmlを組んだ 場合、テキストである「選択肢１」の部分を押しても横のラジオボタン が選択されるようにしたいのですが、方法が判りませんでした。 現在はテキスト部分を枠線なしのtextboxで作り、javascriptでラジオ ボタンのクリックアクションを起こしていますがどうにもスマートじゃ なく、しっくりきません。 どなたか最適な方法をご存知でしたらお教え願います。
- himura99
- お礼率69% (56/81)
- その他([技術者向] コンピューター)
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
HTMLだけで実現可能です。ただしSafariでは動きません。 label for=""の部分はradioボタンのidと一緒にします。 <label for="radio1"><input type="radio" name="radio1" id="radio1" value="選択肢１" />選択肢１</label> <label for="radio2"><input type="radio" name="radio2" id="radio2" value="選択肢２" />選択肢２</label>
その他の回答 (1)
- ngsvx
- ベストアンサー率49% (157/315)
<input type="radio" name="a" value=1><span onclick="this.previousSibling.checked = true;">aaaaa</span> <input type="radio" name="a" value=2><span onclick="this.previousSibling.checked = true;">bbbbb</span> こんな感じでしょうか？ 多分、IEでしか動きません。
お礼
ありがとうございます。試してみたところ無事期待どおりの動作が 確認できました。
関連するQ&A
- ラジオボタンの選択項目
ラジオボタンの選択項目を、セレクトボックスとテキストボックスにするにはどのようにしたらいいのでしょうか？ またJavaScriptを用いてラジオボタンの値と選択されたセレクトボックス、テキストボックスの値をsubmitさせるにはどのようにするのでしょうか？ ご存知の方いらっしゃいましたらお願いします。
- 締切済み
- HTML
- ラジオボタンの選択範囲について
ラジオボタンについて質問させて下さい。 アンケートなどでたまにラジオボタンの隣にある文字をクリックしても ボタンを選択できるものがありますが、あれはどうやったらできるのでしょうか？ ○りんご ○みかん ○バナナ とあるとするとラジオボタンの○の部分ではなくて、 「りんご」「みかん」「バナナ」をクリックしても選択できる、ということです。 普通にやると○の部分をクリックしないと選択できないので…。 分かりにくい説明文ですみません。 どなたかご存じでしたら教えて下さい。よろしくお願いします。
- ベストアンサー
- HTML
- 画像クリックでラジオボタン選択
いくつかの画像と、それぞれの横にラジオボタンを表示しています。 今はラジオボタンをクリックしないと画像を選択したことになりませんが、画像をクリックするだけでラジオボタンがチェックされた状態にしたいと思っています。 教えてください。よろしくお願いします。
- ベストアンサー
- JavaScript
- 選択したたラジオボタンの値をSUBMITボタンに
選択したたラジオボタンの値をSUBMITボタンの名前として自動的に替えたいのですが、助言をいただけますか。 イメージは下記です。★の部分に、クリックごとにradioの値を入れたいのです。 <script Language="JavaScript"><!-- function set() { n = document.myFORM.Radio.value; } // --> </script> <FORM ACTION="add.cgi" METHOD="POST" name="myFORM"> <INPUT TYPE="RADIO" NAME="Radio" VALUE="東京" onclick="set()" CHECKED> <INPUT TYPE="RADIO" NAME="Radio" VALUE="大阪"> <INPUT TYPE="SUBMIT" NAME="Submit" VALUE="★"></form>
- ベストアンサー
- JavaScript
- ラジオボタンでテキストボックスを非アクティブにできる？
２択のラジオボタンと、テキストボックスが一つあったとして、ラジオボタンの片方を選択しているときは、このテキストボックスを非アクティブ状態にする、といったことはJavascriptで可能でしょうか？ あまりJavascriptに詳しくないので、簡単な記述で制御できると助かるのですが・・・。 ご教授、よろしくお願いいたします。
- 締切済み
- JavaScript
- ラジオボタンによる表示、非表示について
申し訳ありませんjavascriptにうといため、ご質問させてください。 ラジオボタンが”はい”と”いいえ”とあって、 その下の段落に表示と非表示させたいのですが、 まず最初に、何も選択されていない状態の時に、なにも表示されていない非表示の状態に、 ”はい”というラジオボタンをおしたらフォーム画面が表示される。 ”いいえ”とおしたら”応募できません”と文字が表示される。 と言う風に、３つのアクションを作りたいのですが、 どのようにして良いかわかりません。 詳しい方どうぞよろしくお願い致します。
- ベストアンサー
- JavaScript
- ラジオボタン選択で「複数ラジオボタン」をアクティブにするには？
■下記サンプルソースのラジオボタンの「はい」を選択すると複数のラジオボタンがアクティブになるJavaScriptがわからず困っております。教えて頂けないでしょうか。 （ページ開いた際は「いいえ checked」で複数ラジオボタンはグレーで選択無効） 用途はアンケートフォームです。 可能であればシンプルなソースで「最新のWinIE、MacSafari」に対応していると非常に助かります。先輩方よろしくお願いします。 <form name="form2" method="post" action=""> <table> <tr> <td>■「はい」を選択すると、ラジオボタン（カテゴリー1～4）がアクティブになる。 </td> </tr> <tr> <td> <input name="radiobutton" type="radio" value="radiobutton">はい <input name="radiobutton" type="radio" value="radiobutton" checked>いいえ </td> </tr> <tr> <td> <input name="radiobutton" type="radio" value="radiobutton">カテゴリー1 <input name="radiobutton" type="radio" value="radiobutton">カテゴリー2 <input name="radiobutton" type="radio" value="radiobutton">カテゴリー3 <input name="radiobutton" type="radio" value="radiobutton">カテゴリー4 </td> </tr> </table> </form>
- ベストアンサー
- JavaScript
- ラジオボタンのチェックをはずす
ラジオボタンのチェックをはずす方法はありますか？ どなたか教えてください。 クリックしてチェックが入り再度クリックすると外れると言うようなしくみにしたいのです。 JavaScriptを使わずに簡単にできないでしょうか？ もし不可能でしたら、JavaScriptでの方法を教えて頂けると助かります。 宜しくお願い致します。
- ベストアンサー
- HTML
- 【JavaScript】ラジオボタンにより、formのaction内容
【JavaScript】ラジオボタンにより、formのaction内容を変更したいのですが・・・。 どのラジオボタン（ここでは『A』と『B』とします）をチェックされたかにより、 <form action="（ここの部分）"> (ここの部分)と書かれたformのactionの内容を変えたいのです。 例） 『A』のラジオボタンをチェック → <form action="a.php">になる 『B』のラジオボタンをチェック → <form action="b.php">になる このようにしたいのです。 どうかよろしくお願いします。
- ベストアンサー
- JavaScript
- ラジオボタンの選択で表示内容を変える
ラジオボタンＡ，Ｂの２つがあり、Ａを押したら メッセージ１を、Ｂを押したらメッセージ２を、 ラジオボタンのすぐ横に表示させたいのですが、 私の探したJavaScriptのサンプルにはありませんでした。 どのようにしたら表示されるか、教えてください。 お願いいたします。
- ベストアンサー
- JavaScript
お礼
ありがとうございます。試してみたところ無事期待どおりの動作が 確認できました。