• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:チェックボックスの応用的な使い方について)

チェックボックスの応用的な使い方について

このQ&Aのポイント
  • ラジオボタンを用意し、クリックするたびにコンボボックスに地名が表示されるようなものを作りたいです。
  • JavaScriptのOnClickイベントを使用して実装する方法について教えてください。
  • 海外を選択した後に国内を選択すると海外のデータはリセットした状態にしたいです。

質問者が選んだベストアンサー

  • ベストアンサー
  • madman
  • ベストアンサー率24% (612/2465)
回答No.1

こんな感じです。 --- <HTML> <HEAD> <script type="text/javascript"> a1=new Array("東京","大阪","名古屋","福岡"); a2=new Array("日本","アメリカ","イギリス","ロシア"); function chg(sel) { if (sel.value == "1") { for (i = document.F1.bbb.options.length; i>=0; i--) { document.F1.bbb.options[i] = null; } for (i = 0; i < a1.length; i ++) { document.F1.bbb.options[i] = new Option(a1[i], i); } } if (sel.value == "2") { for (i = document.F1.bbb.options.length; i>=0; i--) { document.F1.bbb.options[i] = null; } for (i = 0; i < a2.length; i ++) { document.F1.bbb.options[i] = new Option(a2[i], i); } } } </script> </HEAD> <BODY> <FORM ACTION="." name="F1"> <INPUT value="1" type="radio" name="area" onClick="chg(this)">日本</INPUT> <INPUT value="2" type="radio" name="area" onClick="chg(this)">海外</INPUT> <BR> <SELECT NAME="bbb"> <OPTION value="0"> </SELECT> </FORM> </BODY> </HTML>

jyopper
質問者

お礼

感動です!! ありがとうございました。 もっと勉強します。 それでは。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • C#でラジオボタンとコンボボックスの値を連動させる

    初めて質問します。よろしくお願いします。 C#の質問です。 4つのラジオボタンがあり、それを選択すると、そのラジオボタンによってコンボボックスのItem(コレクション)が変化するような仕様を作成したいと考えております。 具体的に言いますと、 ラジオボタン1を選択したらコンボボックスのItem(コレクション)が1,2,3となる ラジオボタン2を選択したらコンボボックスのItem(コレクション)が10,20,30となる ラジオボタン3を選択したらコンボボックスのItem(コレクション)が100,200,300となる ラジオボタン4を選択したらコンボボックスのItem(コレクション)が1000,2000,3000となる のような感じです。 やり方が分からないので、ソースを教えてくれると凄く助かります。 よろしくお願いします。

  • プルダウンからテキストボックスへ

    フォームのプルダウンで選択した内容を、テキストボックスへ自動的に反映させる方法はありますか?ラジオボタンからOnclickを使う方法はわかるのですが…。

    • ベストアンサー
    • HTML
  • チェックボックスについて

    以前にもお世話になりました。 今回もチェックボックスのことで教えてください。 ・チェックボックスA・B ・コンボボックス(OPTION 1.条件なし 2.りんご 3.みかん) ・テキストボックス があるとします。 チェックボックスBの時はコンボボックス・テキストボックスは両方選択不可にしたいです。 Aの時はどちらか一方を指定したらもう1つは選択できないようにしたいです。コンボボックスの内容が「条件なし」の時でもテキストは不可にしたいです。 分かられる方いらっしゃいましたら、 よろしくお願いします。

  • ラジオボタンにチェックを入れて、テキストボックスのコメントを消すには

    どなたかお力を・・・ 宜しくお願いします。 メールフォームを作成していて、 テキストボックス入力欄 ○ラジオボタン01 ○ラジオボタン02 から、1箇所選択してもらうようにしてあります。 テキストボックスに始めから、例を記入してあるのですが、 ラジオボタンにチェックを入れた際に消えるようにしたいのです。 フォームのコメントを消すjavascriptは変更してもらっても構いません。 <INPUT type="text" name="あいうえお" onfocus="if (this.value == '例)Corneometer') this.value = '';" onblur="if (this.value == '') this.value = '例)テスト';" value="例)テスト"> <INPUT type="radio" name="かきくけこ" value="ラジオ01" onClick="check_reset(this,10)">ラジオ01 <INPUT type="radio" name="かきくけこ" value="ラジオ02" onClick="check_reset(this,11)">ラジオ02

  • ラジオボタンの選択によってチェックボックスのチェックできる個数を制限し

    ラジオボタンの選択によってチェックボックスのチェックできる個数を制限したい。 他の方の質問を見たのですがマッチする質問がなかったのでご質問させていただきます。 現在申し込みフォームを作成しているのですが、要件としては、 ラジオボタンの選択によってチェックボックスのチェックできる個数を制限したい。 と思っています。javascriptで実現できると思うのですがなかなかできずに困っております。 <ラジオボタン> ○りんご ○みかん ○めろん ○すいか <チェックボックス> □青森産 □愛媛産 □千葉産 □神奈川産 りんごを選んだ人は、チェックボックスで1つしか選択できないようにしたい。 みかんを選んだ人は、チェックボックスで2つしか選択できないようにしたい。 めろんを選んだ人は、チェックボックスで3つしか選択できないようにしたい。 すいかを選んだ人は、チェックボックスで4つ選択できるようにしたい。 可能であれば制限を超えた場合はアラートを上げたいと思います。 2つまでしか選べませんというように。 大変申し訳ありませんが、参考になるページやソースなどを教えていただければと 思います。よろしくお願い致します。

  • マクロ フォームでのチェックボックスについて

    教えてください。 1)フォームでテキストボックス2つ、ボタンで新しい入力フォーム表示 2)入力フォームでチェックボックス6個、コンボボックス6個を作ります。 3)チェックボックスにチェック(1個のみ)したら、1)のフォームのテキストボックスにチェックされた、項目とコンボボックスで選択された内容が転記したい。 例)果物にチェック、コンボでブドウと選択  テキストボックス→果物 ブドウ というようにフォームに転記させたい。 以前、シートでのマクロを教えていただきましたが、フォームだと頭が混乱してしまいました。 簡単で良いので、マクロの記述を教えてください。

  • ラジオボタンでテキストボックスを非アクティブにできる?

    2択のラジオボタンと、テキストボックスが一つあったとして、ラジオボタンの片方を選択しているときは、このテキストボックスを非アクティブ状態にする、といったことはJavascriptで可能でしょうか? あまりJavascriptに詳しくないので、簡単な記述で制御できると助かるのですが・・・。 ご教授、よろしくお願いいたします。

  • チェックボックスのチェックをつけたら

    まだJavaScriptかじりたてで,未熟ですみません。 出来るかどうかも分からないのですが, HPから小ウィンドウを開き、その小ウィンドウ内にチェックボックスと名前があります。 「チェックボックス」にチェックをつけた人の名前を、ボタンもなにも押さずに閉じるで、小ウィンドウを閉じたらもとのHPの指定した場所に名前を表示する事ってできるのでしょうか? ちなみに人は複数選択する可能性もあります. もしできたら、実践してみたいのですが、教えていただけないでしょうか?すみません。よろしくおねがいします。

  • チェックボックスのチェック

    チェックボックスのチェックして送信した後のページから送信前のページに戻るとチェックボックスがチェックされた状態でブラウザで表示されます 1 2ここにチェックを入れて削除すると 3 1 3戻るを押した時にここにチェックが入ってしまいます javascriptで戻るボタンをつくっていますが他にチェックが残らずにに戻る方法はありますか? <input type=button value="戻る" onClick="history.back()"> よろしくお願いします

    • ベストアンサー
    • HTML
  • リストボックス項目の変更

    javascript初心者です。 ラジオボタンを2つ、複数選択リストボックスが1つあります。どちらのラジオボタンをチェックしているかで、リストボックス内の項目を変化させたいと思っています。 これはjavascriptで実現可能でしょうか?参考になるサイトや方法を教えていただければ嬉しいです。