- ベストアンサー
プルダウン内容に応じてラジオボタンをオンオフ
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 質問する際はどのようにうまくいかないかを記入すると回答が付きやすいと思いますよ。 (何に対してうまく行かないのか回答者はわからないです) で、サンプル作ってみました。 これをベースにして自分のものに反映してみてください。 <html> <head> <title>プルダウン内容に応じてラジオボタンをオンオフ</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> $().ready ( function() { // id-c1のchangeに以下の動作を設定 $('#id-c1').change (function() { $('#id-c1 option:selected').each(function() { // 選択されている値を取得 if ( $(this).val() == "0" ) { // 0の場合はr1クラスのラジオにdisabledを追加 $('.r1').attr ( 'disabled', 'disabled' ); } else { // 0以外の場合はr1クラスのラジオのdisabledを削除 $('.r1').removeAttr ( 'disabled', 'disabled' ); } }); }).change(); }); </script> </head> <body> <select name="c1" id="id-c1"> <option value="0">無効</option> <option value="1">有効</option> </select> <br> <input type="radio" name="r1" value="1" class="r1">1 <input type="radio" name="r1" value="2" class="r1">2 <br> <input type="radio" name="r2" value="4" class="r2">3 <input type="radio" name="r2" value="3" class="r2">4 </body> </html>
関連するQ&A
- ラジオボタンのtabindex = -1について
画面に配置されたラジオボタンにおいて マウス以外からの操作を無効にしたいと考えています。 (タブでの移動を不可としたい。) そこで、ラジオボタン部分にtabindex=-1を付加しましたが、 うまくいきません。 (順番は変更できるようですが。) 最終的にtabでのフォーカスがあたってしまいます。 これは、もうjavascriptで強制的に制御するしかないのでしょうか？
- ベストアンサー
- JavaScript
- ラジオボタンの選択に応じてプルダウンメニューの内容を変えたい
はじめまして。どうぞよろしくお願いいたします。 教えていただきたいのは「ラジオボタンの選択で、その下のプルダウンメニューの内容を変える方法」です。 javaスクリプトがちんぷんかんぷんですので、初心者でも分かるようご回答いただけると幸いです。 どうぞよろしくお願いいたします。
- 締切済み
- JavaScript
- jQueryでのプルダウンの操作
jQueryでのプルダウンの操作 jQueryでプルダウンを選択して値を変更したときに処理を行いたいです。 1つのプルダウンなら$("#test select").change(...)のようにかけると思いますが、プルダウンが複数あるときは$("#test select").change(...) $("#test2 select").change(...) のように1つ1つ書いていかなければならないのでしょうか？2つや3つなら問題ないのですが、数が増えてくると面倒だしメンテも大変なのでまとめて処理が行えればと思っています。 よろしくお願いします。
- 締切済み
- JavaScript
- ラジオボタンによる有効なボタンの切り替えについて
はじめまして。 下記のような機能を実装したいと思っています。 どなたか教えていただけませんでしょうか？ <html> <head> <title>サンプル</title> </head> <input type="radio" name="radio1" value="a">A <input type="radio" name="radio1" value="b">B <input type="radio" name="radio1" value="c">C <input type="radio" name="radio1" value="x">全部ダメ <br><br> <input type="button" value="Aボタン"> <input type="button" value="Bボタン"> <input type="button" value="Cボタン"> </body> </html> ラジオの「A」を選択すると「Aボタン」のみ有効で他は無効（disabled）になり 「B」を選択すると「Bボタン」のみ有効というように、 選択したラジオボタンの値と有効なボタンを連動させたいのです。 さらに、ラジオの「全部ダメ」を選択すると全てのボタンを無効としたいです。 ラジオボタンの値の取得のjavascriptなど個々の機能について調べてみたりしたのですが どのように組み合わせれば、機能を実現できるのかわかりませんでした。 お手数ですが、ご教示いただけますでしょうか。。 可能ならばソースのサンプルをいただけるとありがたいのですが。 どうぞよろしくお願いいたします。
- ベストアンサー
- JavaScript
- ラジオボタンとプルダウンを連動させたい
ラジオボタンとプルダウンを連動させたい いつもお世話になっております。 ラジオボタンのvalue値に連動してプルダウンの内容が変わるということがしたいと思い、 数日前からいろいろと格闘していましたが、煮詰まったため相談に伺いました。 http://okwave.jp/qa/q2928590.htmlのANo.2の回答 -------------------------------------------------------------------- <script language="javascript"> function changeFunc(obj){ var v=obj.value; var f=obj.form; for(var i=0;i<f.length;i++){ if(f[i].type=="checkbox"){ if(f[i].className==v || v=="") f[i].disabled=false; else f[i].disabled=true; } } } </script> <form> <select name="genre" onChange="changeFunc(this)"> <option value="">食べ物</option> <option value="grain">穀物</option> <option value="fruit">果物</option> <option value="meat">生き物</option> </select> <br /> <input type="checkbox" value="お米" class="grain">お米<br /> <input type="checkbox" value="そば" class="grain">そば<br /> <input type="checkbox" value="りんご" class="fruit">りんご<br /> <input type="checkbox" value="みかん" class="fruit">みかん<br /> <input type="checkbox" value="さかな" class="meat">さかな<br /> <input type="checkbox" value="豚肉" class="meat">豚肉 </form> -------------------------------------------------------------------- を参考にいろいろと試してはみたのですが、こちらは「プルダウン→チェックボックス」で、 まったく逆でどうしたら良いのかまったくわかりませんでした。 他のウェブサイトの情報やサンプルも試したのですが、value値やname値他の問題でうまくできませんでした。 希望の仕様は ・ラジオボタンの選択肢によって、プルダウン（セレクトボックス）の内容が変わる（アイテムが消える、または選択できなくなる）。 ・ラジオボタン・プルダウン共にvalue値・name値は決まったものがある（プルダウンのvalue値は日本語） 以上です。 javascriptは素人ですので、わかりにくい質問になっているかもしれないのですが、お力を貸していただけましたら助かります。 よろしくお願いします。
- ベストアンサー
- JavaScript
- ラジオボタンについて
今現在ラジオボタンを使うフォームを作成しているのですが、 ラジオボタンがONの時の値を1 ラジオボタンがOFFの時の値を0としてCGIに送信したいと考えております。 リンゴ ○ みかん ○ バナナ ● トマト ○ という形にした時、 リンゴ0 ミカン0 バナナ1 トマト0 と送信されるようにしたいのです。 今のままですと、リンゴ みかん トマトは 何も送信されず バナナだけ1と送信されてしまいます。 何か良い方法はありませんでしょうか？
- ベストアンサー
- JavaScript
- 【お問い合わせフォーム】プルダウン選択で、フォームの内容を変更したい
【お問い合わせフォーム】プルダウン選択で、フォームの内容を変更したい お世話になります。 ある商品に関するお問い合わせフォームを制作していて、 プルダウンで「商品名」を選択したあとに、フォーム内容を変えたいと思っているのですが、 いろんなサイトを見て勉強してみましたが、方法がわからなくて困っています。 JavaScript、Jquery、PHPなど、変更できれば種類は問いません。 例を挙げますと、 【プルダウン選択】商品A を選んだとき 【フォームの内容】テキストフィールド：氏名、住所、電話、お問い合わせ内容 ラジオボタン：性別 【プルダウン選択】商品B を選んだとき 【フォームの内容】テキストフィールド：氏名、ふりがな、住所、Eメール、お問い合わせ内容 チェックボックス：固定電話、携帯電話 というように、プルダウンで選んだ項目に対して、それ以降の項目を変更させたいです。 設置時の希望として、 新たなページにジャンプするにしても、inframeを使って、あたかも同じページ内で完結し、ページ移動していないように見せたいです。 また、後の更新を考えて、なるべくシンプルなディレクトリ構成ができれば嬉しいです。 サーバは、cgi、php、javascriptが使えます。Jqueryはまだ試したことがありません。 どうぞよろしくお願いいたします。
- ベストアンサー
- JavaScript
- ラジオボタンとテキストボックスとプルダウンの連動
※データベースで登録したデータが※ 画面上に表示されており、1件1件にラジオボタンがあります。 そのラジオボタンにチェックを入れると、 チェックが入っている1件のみのデータが、 (※ボタンを押さずに※)配置しているテキストボックスに反映されるようにしたいと考えています。 <JSP>------------------ 名前 : [テキストボックス] 住所 : [テキストボックス] 誕生日 : [プルダウン]年[プルダウン]月[プルダウン]日 『登録ボタン(submit)』 (←サーブレットを呼ぶ) ◆結果◆ (上記に入力したデータが、データベースに登録され、そのデータが全件出力されている↓) (<table>のイメージ) 名前 住所 誕生日 ○ AAA 福岡県 1989/12/24 ○ BBB 東京都 1999/11/1 ○ CCC 北海道 1980/1/2 ↑ ラジオボタン ○ AAA 福岡県 1989/12/24 ↑がチェックされたとする。 JSP上部の[テキストボックス]にそれぞれのデータが入る。(↓イメージ) 名前 : [AAA] 住所 : [福岡県] 誕生日 : [1989]年[12]月[24]日 『登録ボタン』 どなたかご教授お願いいたします。
- ベストアンサー
- JavaScript
- jqueryでラジオボタンの値を取得
<input name="nr" value="0" type="radio" />いない <input name="nr" value="1" type="radio" />いる の選択に応じて400円の金額を追加するプログラムをjqueryで作成しようとしています。 ラジオボタンの選択の値を取得することが出来ません。どのようにしたら良いでしょうか？ 教えてください。 よろしくお願いします。
- ベストアンサー
- AJAX
- ラジオボタンとプルダウンで困っています。
教えてgooの質問等を参考に携帯のサイトを作っております。 どうしても分からない部分がありましたので教えてください。 日付を選択するフォームを作成しており、内容は ラジオボタンで「今日の日付」「指定日」のどちらかを選択。 「指定日」を選択した場合は「指定日」の下にプルダウンで年月日を選択できるようにしております。 今日の日付は次のページにデータを渡すことができるのに 「指定日」の年月日はどうしても次のページに渡すことができません。 <form action=comf.php method=POST> <input type=radio checked name=day value="<?php echo"".$now_date = date("Ymd").""?>">1:今日 <br> <input type=radio name=day value=○○>3:指定日 <br> <select name="year" > <option value="2006">2006</option> </select> 年 <select name="month" > <option value="01">01</option> 月 <select name="date"> <<option value="01">01</option> 日 <input type=submit value="確認画面へ"> 指定日の「value=○○」には何を入れればよろしいのでしょうか？ ご教授お願いいたします。
- ベストアンサー
- PHP
お礼
removeAttr って知らなかったです。解決しましたありがとうございます