No.1ベストアンサー
- 回答日時:
これらの動作はJavaScriptを使用します。
まず、ラジオボタンをクリックしたときの動作ですが、
ラジオボタンにそれぞれ、関数を付けます。また関数には引数を当てておきます。
<INPUT TYPE="radio" NAME="radio" VALUE="radio1" onClick="ChangeMenu(1)">ラジオ1
<INPUT TYPE="radio" NAME="radio" VALUE="radio2" onClick="ChangeMenu(2)">ラジオ2
・
・
・
JavaScriptの方では関数を組みます。ここには変化させたいメニューの項目と、その値を書いておきます。これらの項目は元のメニューの数と同じでなければなりません。
function ChangeMenu(a){
with(document.form1){
if(a == 1){
OP.options[0].text="メニュー選択";
OP.options[1].text="ラジオ1-a";
OP.options[2].text="ラジオ1-b";
OP.options[0].value="";
OP.options[1].value="radio1-a";
OP.options[2].value="radio1-b";
}else if(a == 2){
OP.options[0].text="メニュー選択";
OP.options[1].text="ラジオ2-a";
OP.options[2].text="ラジオ2-b";
OP.options[0].value="";
OP.options[1].value="radio2-a";
OP.options[2].value="radio2-b";
}else{
・
・
・
}
}
}
これをいくつも組み合わせれば、どんどん変化する数は増えていきます。また、項目や値を配列に格納して、ループで呼び出してやるとソースが見やすくなります。
メニューに触れたときにラジオボタンを切り替える方法は
<OPTION onChange="ChangeRadio()" NAME="OP">
とし、メニューそれぞれの値を関数の引数とします。
function ChangeRadio(){
var value=document.form1.OP.selectedIndex;
value=document.orm1.OP.options[vakue].value;
if(value == "radio1-a"){
document.form1.radio[0].click();
}else if(value == "radio2-a"){
document.form1.radio[1].click();
}else{
・
・
・
}
}
こんな感じです。
迅速で詳しい回答、ありがとうございます。
メニューに触れたときラジオボタンを操作するのは、
これでできそうです。
ラジオボタンクリック時のほうについては、
こちらのたずね方が悪かった為、誤解を招いてしまったようです。
ラジオボタンクリック時、メニューの『現在表示されている内容』を
他の値にかえるだけでいいです。
たとえば、
項目が
<OPTION VALUE="">24
<OPTION VALUE="">25
<OPTION VALUE="">26
<OPTION VALUE="">27
<OPTION VALUE="">28
<OPTION VALUE="">29
<OPTION VALUE="">30
とあり、現在28が選択されていて、ラジオボタンを押したら
24が表示される(初期選択に戻る)、
というようにしたいです。
それでも、メニューに触れたときのやつは
大変助かりました。
本当にありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- その他(プログラミング・Web制作) seleniumbasic chrome操作について 1 2023/03/29 15:40
- デスクトップパソコン PCでファイルを右ドラッグして出てくるメニューの編集方法を教えて下さい 2 2023/01/17 13:31
- アルバイト・パート バイトでタイムカードを切るタイミングが不満。 4 2023/05/06 14:20
- JavaScript ラジオボタンによるフォームの開閉を行いたい 3 2022/03/31 21:30
- PHP php ラジオボタン 3 2022/11/17 16:36
- その他(ソフトウェア) Ghosteryのプライバシー 広告ブロッカーのトラブルについて質問です。 1 2023/05/03 21:09
- ダイエット・食事制限 ローファットダイエットについてアドバイスをください。 現在、体脂肪率が28で肥満1型になった旦那のダ 1 2022/09/03 09:06
- その他(メイク・美容) 美容室について質問です。 以前言っていた美容室は個人の美容室です。カットの切り残し、カラーの染まって 1 2023/04/03 01:15
- Excel(エクセル) たくさんあるフォームコントロールを効率よく確認するには 1 2022/12/24 12:27
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンの選択によってチ...
-
ラジオボタンのリセット方法
-
【診断テストの作り方】結果に...
-
ジャバスクリプト機能の繰り返...
-
ラジオボタンの分岐方法に関して
-
location.href="http://www.aaa...
-
java script フォームのチェッ...
-
ラジオボタンのalertのコントロ...
-
js radioボタンの「name」を多...
-
正規表現で複数マッチ条件で悩...
-
ボタン2回押しを無効にしたい
-
<form action="#">の意味とは?
-
<td>の中のonClick="location" で
-
JavaScriptにて動的に配列を作...
-
背景色を変えて未入力チェック...
-
【jsp/Java】チェックボックス...
-
javascriptで画像の移動
-
selectを変更不可にしたい
-
selectを使った計算
-
セレクトメニューで選択された...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンのチェックが外れ...
-
javascript作成してます。ラジ...
-
ラジオボタンにタブインデック...
-
Jvasvriptのlengthで個数が取得...
-
ホームページ作成について。
-
データベースの値を判断してラ...
-
フォームPOST後「戻る」時のチ...
-
ラジオボタンでdisabledとchecked
-
Form内のselectを連動させるに...
-
チェックされたラジオボタンに...
-
アンダーバーのname値は取得で...
-
ラジオボタンのリセット方法
-
jQueryで複数のラジオボタンを処理
-
ラジオボタンの分岐方法に関して
-
javascriptによる動的なリンク...
-
radio選択をクッキーに保存させ...
-
jQuery 変数の使い方について
-
ラジオボタンでチェックした項...
-
チェックボックスとテキストボ...
-
JavaScriptでラジオボタンのチ...
おすすめ情報