- ベストアンサー
画像をクリックしてラジオボタンにチェック
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
ちょっと質問がわかりにくいのですが、 「画像とそれに対となるラジオボタンが１セットとして、そのセットが数セット存在し手いる状態で、画像を押したらセットとなるラジオボタンを選択させたい。」 ということでしょうか？ その前提で記入します。 JavaScriptを使用してこんな感じでいかがでしょう <input type=radio id=rdo1><img src="file.jpg" border=0 onClick="javascript:rdo1.checked=true;" style="cursor: hand;">
その他の回答 (1)
- poohron
- ベストアンサー率59% (574/971)
こういうことでしょうか？ とりあえずご希望の動作はこれで実現できてると思いますので、 あとの必要な部分は適当に書き加えてみてくださいね。 nameやid(forも)、value、画像ファイル名はお好みで変えてください。 <form> <input type="radio" name="SENTAKU" id="a1" value="1"> <label for="a1"><img src="logo1.png"></label> <input type="radio" name="SENTAKU" id="a2" value="2"> <label for="a2"><img src="logo2.png"></label> </form>
関連するQ&A
- ボタンをクリックした感じの画像を設定する
htmlページに、作成した画像を配置し、リンクを貼っています。 画像の上にカーソルを合わせたときに画像を変えることはできたのですが、 クリックしたときに画像を変える方法が分かりません。 クリックしたときに押した感じを表現したいです。 どのようにコードを書けばいいですか？ ご教授お願いいたします！ ちなみにオンマウス時に画像を変化させるため以下のようなコードを書いています。 <img src="./images/logo.jpg" onmouseover="this.src='./images/logo_on.jpg'" onmouseout="this.src='./images/logo.jpg'" alt="お問い合せはこちら" /></a> よろしくお願いいたします！
- ベストアンサー
- HTML
- チェックボックス とラジオボタンの値取得について
チェックボックス とラジオボタンの値取得について こんにちは チェックボックスの中にラジオボタンがある場合に チェックボックスの値に続けてラジオボタンの値を表示したいのですが、 うまくいかず悩んでいます。 【やりたいこと】 □そのた２をチェクして男性を選択した場合 「そのた２ 男性」と表示したい。 例 そのた１ そのた２ 男性 そのた４ そのた５ 女性 サンプルのチェックボックスのlabelタグをはずすと $(vals[i]).next($("input[name='radio']:checked").val()); で値を取得できたのですが、 labelタグを付けたまま値を取得することは可能でしょうか？ labelタグをつけたまま、 $(vals[i]).find($("input[name='radio']:checked").val()); でやってみたのですが、undefindがでてしまいました。 サンプルではチェックボックスの数は１個ですが、 □が３０個以上 のチェックボックスが５０個くらいあるので、 １回の記述で済ませたいのですが、 ラジオボタンが隣にあったら値を取得する のようにできるのでしょうか？ 何かよい方法があれば教えて頂けないでしょうか。 よろしくお願い致します。 ■サンプルソース <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <script type="text/javascript" language="JavaScript"></script> <script language="javascript"> <!-- function textb(){ var str=""; var vals = document.forms['f'].elements['q1']; for(i=0; i<vals.length; i++){ if(vals[i].checked){ str=str + vals[i].value + '\n'; } } document.f.log.value=str; } --> </script> <title></title> </head> <body> <form name="f"> <div>アンケート<br> <label for="1"><input type="checkbox" name="q1" class="chex" id="1" value="その1"> その1</label><br> <label for="2"><input type="checkbox" name="q1" class="chex" id="2" value="その2"> その2</label> <input type="radio" name="radio1" value="可">男性 <input type="radio" name="radio1" value="否">女性 <br> <label for="3"><input type="checkbox" name="q1" class="chex" id="3" value="その3"> その3</label><br> <label for="4"><input type="checkbox" name="q1" class="chex" id="4" value="その4"> その4</label><br> <label for="5"><input type="checkbox" name="q1" class="chex" id="5" value="その5"> その5</label> <input type="radio" name="radio2" value="可">男性 <input type="radio" name="radio2" value="否">女性 <br> </div> <input type="button" value="確認" onclick="textb()"> <input type="reset" value="クリア"> <br> <textarea name="log" rows="4" cols="50"></textarea></form> </body> </html>
- ベストアンサー
- JavaScript
- JSで子ページから親ページのラジオボタンのチェック
JS初心者です。 サブページのボタンを押して、親ページのラジオボタンにチェックを入れたいのですが... セレクトボタンでは何とかなったのですが、どうしてもラジオボタンで対応したいのです。 どうかご教授お願いいたします。 親画面 <script type="text/javascript"> <!-- function bodyOpn(value){ window.open("size.html"); url=value; } var url; //--> </script> <body> <form method="post" name="myForm" onSubmit="return check()" target="_top"> <span id="selection01" title="bodystyle" onmouseout="spanOff()"> スタイル<sup>*</sup><a href="javascript:bodyOpn('selection01')">サイズ表</a><br> <label title="slim"> <input type="radio" name="selection01" onchange="changeBody(this)" value="slim" /> SLIM（スリム）</label><br /> <label title="reguler"> <input type="radio" name="selection01" onchange="changeBody(this)" value="reguler" /> REGULER（標準）</label><br /> </span> </form> </body> サブ画面（size.html） <script language="javascript"> <!-- function btn(n) { var bodyNo = n var btnImage = document.getElementById(bodyNo).innerHTML; window.opener.document.myForm.option01.selectedIndex=n; window.close(); } //--> </script> <body> <a href="javascript:body('1')" id="1">スリム</a> <a href="javascript:body('2')" id="2">レギュラー</a> </body>
- ベストアンサー
- JavaScript
- メールフォームのラジオボタンフィールドの件
ホームページメールフォーム作成でご質問しました。 ラジオボタンとチェックボックスのフィールドで、その他項目を設けてテキストフィールドを作っているます。 このテキストフィールドにもラジオボタンまたは、チェックボックスのチェックを行えるようにできないでしょうか。 ○あああ ○いいい ○ううう ○えええ ○その他 □（ここにテキスト入力フィールド） ※javascriptを作る必要があるでしょうか。 下記のソースが、現状です。 <tr><td class="item_name">設問</td> <td class="item_form"> <table border="0" cellpadding="0" cellspacing="0"> <tr><td><input name="設問ABC" type="radio" value="Webサイト１" class="radio" id="toi2" /></td> <td valign="bottom"><label for="toi2">Webサイト１</label></td></tr> <tr><td><input name="設問ABC" type="radio" value="Webサイト２２" class="radio" id="toi2" /></td> <td valign="bottom"><label for="toi2">Webサイト２２</label></td></tr> <tr><td><input name="設問ABC" type="radio" value="Webサイト３３３" class="radio" id="toi2" /></td> <td valign="bottom"><label for="toi2">Webサイト３３３</label></td></tr> <tr><td><input name="設問ABC" type="radio" value="Webサイト５５５" class="radio" id="toi2" /></td> <td valign="bottom"><label for="toi2">Webサイト５５５</label></td></tr> </table> <div>その他：<input type="text" name="設問ABC" style="width:280px" /></div> </td></tr>
- ベストアンサー
- ホームページ作成ソフト
- ラジオボタンが無反応・・・
選択式アンケートのあるサイトで、ラジオボタンのが反応しません。普通の文章は入力できるのですが、男・女などの選択の欄になるとラジオボタンが反応せずマークできません・・・。ちなみにサイトは「アメトーーク」の観覧募集です。昔は応募できたのですがどんなきっかけで出来なくなったのか、ＰＣに詳しくない私には万策尽きて困っています。 ちなみに今のところこのサイトだけで、他でラジオボタンの選択のときは可能だったようです。どうか方法が分かる方、ご指南ください。
- ベストアンサー
- その他([技術者向] コンピューター)
- 以下のサイトのようなロゴや画像を作成して、
以下のサイトのようなロゴや画像を作成して、 ＣＭＳ（WordPressにチャレンジ中）で作るサイトに使いたいと思っています。 イラストレーター、フォトショップを購入するのは経済的にキツイです。 ＧＩＭＰなどのフリーソフトか、２万前後のソフトで作れるものはあるでしょうか？ 実際試して検証するのがいいとは思うのですが、 先人の方の経験に学びたいと思い質問させていただきました。 以下のようなシンプルなサイトが作りたいのです。 http://www.cune.jp/ このサイトの左上のロゴ、中央のチラシ、 http://www.cune.jp/products/2009fw01.html この中央の文字入りの画像、 http://www.green-label-relaxing.jp/ 最上部のロゴ、真ん中のＳＡＬＥのチラシ、 左にある２つのバナー。 お願いします。
- ベストアンサー
- グラフィックソフト
- ＶＢ6でＷＥＢのラジオボタンの操作方法がわかりません
始めまして、ＶＢ初心者です。 ＶＢ6でＷＥＢのラジオボタンの操作方法が解りません。 以下のようなＨＴＭＬのＷＥＢページがあります。 ラジオボタンをＶＢ6にて操作（チェック）したいのですがどうしても出来ません。 テキスト入力の項目には入力できました。 IE.Document.All("test").Value = "テスト" 上記にてテストと入力できました。 ＨＴＭＬソース <table> <tr> <td>選択してください </td> <td colSpan="2"><!-- <select name="j_type"> <option value="10">Ａ</option> <option value="11">Ｂ</option> <option value="20">Ｃ</option> <option value="30">Ｄ</option> <option value="40">Ｅ</option> <option value="50">Ｆ</option> <option value="99">Ｇ</option> </select> <label><input type="checkbox" value="10" name="jArr[]">Ａ</label> <label><input type="checkbox" value="11" name="jArr[]">Ｂ</label> <label><input type="checkbox" value="20" name="jArr[]">Ｃ</label> <label><input type="checkbox" value="30" name="jArr[]">Ｄ</label> <label><input type="checkbox" value="40" name="jArr[]">Ｅ</label> <label><input type="checkbox" value="50" name="jArr[]">Ｆ</label> <label><input type="checkbox" value="99" name="jArr[]">Ｇ</label> <br> </td> </table> </table> <p> </p> <table> <tr> <td>選択しましたか？</td> <td><label><input type="radio" CHECKED value="0" name="c_exp">はい</label> <label><input type="radio" value="1" name="c_exp">いいえ</label></td> </table> 自分で作った（ホームページ作成ソフト）ＷＥＢにＶＢから操作したいと思ったのですが、単純にvalueにて数値を入れてもだめなのでしょうか？ 宜しくお願いいたします。
- ベストアンサー
- Visual Basic
- AutoLISPにて ラジオボタンを使用したDC…
AutoLISPにて ラジオボタンを使用したDCLの作成方法について お世話になります。 LISP＋DCLにてラジオボタンを使用したダイアログボックスを作成しようと考えています。 ラジオボタンの値の取得方法がわからず困っています。 下記がコードです プログラムは、選択したラジオボタンの値を OKボタンを押すとPrincで画面に表示するだけのものです。 以下がDCLのコードです radio :dialog{label= "Radio Button DCL"; :radio_column{label="ラジオテスト";key="radiocolumn"; :radio_button{label="その1"; mnemonic="A";key = "A";value="1"; } :radio_button{label="その２"; mnemonic="B";key = "B"; } :radio_button{label="その３"; mnemonic="C";key = "C"; } } : boxed_row { : button { key = "accept"; label = "OK"; is_default = true; } : button { key = "cancel"; label = "Cancel"; is_default = false; is_cancel = true; } } } 以下がLISPコードです。 (defun c:radio () (setq dcl_id (load_dialog "radio.dcl")) (if (not (new_dialog "radio" dcl_id)) (exit) ) (set_tile "radiocolumn" radio_value) (action_tile "A" "(setq d_mode "1")") (action_tile "B" "(setq d_mode "2")") (action_tile "C" "(setq d_mode "3")") ;;;--- If an action event occurs, do this function (action_tile "accept" "(ddd)(done_dialog)") (action_tile "cancel" "(done_dialog)(EXIT)") (start_dialog) (unload_dialog dcl_id) ) (princ ddd() (princ "\n ラジオボタンの値は=")(princ d_mode); (princ "\n The user pressed Okay!") )
- 締切済み
- ２Ｄ
- ラジオボタンが未選択時の制御方法について
たびたびお世話になっております。 Webフォームを思考策後しながら作成しています。 下記のラジオボタン1 とラジオボタン3 は選択して、 ラジオボタン2 は選択せずに出力する下記のように、 ハヌけした書式で出力されます。 ハヌけしないように出力させる方法はありますでしょうか？ ご教授をお願いいたします。 出力結果： ------------------------------------------------------------------------------- 【ラジオボタン1】：回答1 【ラジオボタン3】：回答1 ソース： ------------------------------------------------------------------------------- <head> <title>アンケートフォーム</title> <script type="text/javascript"> <!-- 値の加工用// --> function textoutput() { <!-- フォームを変数に// --> var formObj = document.form01; <!-- radioを取得// --> var radio01 = formObj.A01; <!-- radioを取得// --> var radio02 = formObj.A02; <!-- radioを取得// --> var radio03 = formObj.A03; <!-- textを結合用の変数として準備// --> <!-- A01の中から選択されているものを取得// --> var text = '下記リカバリシートを案内' + '\n'; <!-- A02の中から選択されているものを取得// --> for ( var i = 0; i < radio01.length; i ++ ) { if ( radio01[i].checked === true ) { text += '【ラジオボタン1】：' + '\n' + radio01[i].value;}} text += '\n'; <!-- A02の中から選択されているものを取得// --> for ( var i = 0; i < radio02.length; i ++ ) { if ( radio02[i].checked === true ) { text += '【ラジオボタン2】：' + '\n' + radio02[i].value;}} text += '\n'; <!-- A02の中から選択されているものを取得// --> for ( var i = 0; i < radio03.length; i ++ ) { if ( radio03[i].checked === true ) { text += '【ラジオボタン3】：' + '\n' + radio03[i].value;}} text += '\n'; <!-- output.valueにtextを反映(最後に改行コード)// --> formObj.output.value = text + '\n'; } </script> </head> <body> <strong>アンケートフォーム</strong><br /><br /> <form name="form01"> <!--ラジオボタン// --> <strong>・ラジオボタン1</strong><br /> <input type="radio" name="A01" value="回答1" id="radio1-1" " tabindex="3"> <label for="radio1-1">回答1</label> <input type="radio" name="A01" value="回答2" id="radio1-2" " tabindex="4"> <label for="radio1-2">回答2</label> <input type="radio" name="A01" value="回答3" id="radio1-3" " tabindex="5"> <label for="radio1-3">回答3</label> <br /> <!--ラジオボタン// --> <strong>・ラジオボタン2</strong><br /> <input type="radio" name="A02" value="回答1" id="radio1-1" > <label for="radio1-1">回答1</label> <input type="radio" name="A02" value="回答2" id="radio1-2"> <label for="radio1-2">回答2</label> <input type="radio" name="A02" value="回答3" id="radio1-3"> <label for="radio1-3">回答3</label> <br /> <!--ラジオボタン// --> <strong>・ラジオボタン3</strong><br /> <input type="radio" name="A03" value="回答1" id="radio1-1" > <label for="radio1-1">回答1</label> <input type="radio" name="A03" value="回答2" id="radio1-2"> <label for="radio1-2">回答2</label> <input type="radio" name="A03" value="回答3" id="radio1-3"> <label for="radio1-3">回答3 </label> <br /> <!--ログ出力// --> ログ出力<br> <input type="button" value="ログ出力" onClick="textoutput();"> <input type="reset" value="リセット"><br> <textarea name="output" cols="60" rows="10"></textarea><br> </form> </body> </html>
- ベストアンサー
- JavaScript
- ラジオボタンについて
今現在ラジオボタンを使うフォームを作成しているのですが、 ラジオボタンがONの時の値を1 ラジオボタンがOFFの時の値を0としてCGIに送信したいと考えております。 リンゴ ○ みかん ○ バナナ ● トマト ○ という形にした時、 リンゴ0 ミカン0 バナナ1 トマト0 と送信されるようにしたいのです。 今のままですと、リンゴ みかん トマトは 何も送信されず バナナだけ1と送信されてしまいます。 何か良い方法はありませんでしょうか？
- ベストアンサー
- JavaScript
お礼
まさに、そのようなことです。 わかりずらい質問に回答いただき、本当にありがとうございます。 ばっちりです。