ベストアンサー

ラジオボタンについて

2002/10/30 15:31

こんにちは。ラジオボタンについて質問させてください。 <input type="radio" name="area" value="all" onClick="area.value = 'all'" checked>ALL<br> <input type="radio" name="area" value="a" onClick="area.value = 'a'">A<br> <input type="radio" name="area" value="b" onClick="area.value = 'b'">B<br> というHTMLを記述しました。画面が表示された後にラジオボタンをチェックして実行（別個作成）するとうまく動作するのですが、チェックボタンをチェックしずに（デフォルトの'ALL'選択のまま）実行するとうまくいきません。どのようにすればうまく動作するのでしょうか？

653
お礼率36% (138/382)

HTML
回答数6
ありがとう数5

みんなの回答 （6）
専門家の回答

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

ベストアンサー

noname#5841

2002/10/31 22:22 回答No.5

こんにちは。ちょっと大雑把なfunction名ですが、以下で動作すると思います。試してみて下さい。 <html><head> <script language="javascript">  </script> </head> <body> <form name="fm1" method="get" onsubmit="return goDetailX(this);"> <input type="radio" name="area" value="all" onClick="flag('all')" checked>ALL<br> <input type="radio" name="area" value="a" onClick="flag('a')">A<br> <input type="radio" name="area" value="b" onClick="flag('n')">B<br> <input type="submit" value="検索" > </form> </body></html>

質問者

お礼 2002/11/01 09:56

うぅ、うまくいきまいた。 areaの変数にうまくデータが渡せていなかったので別の変数を用意するのは気づきませんでした。ありがとうございました。皆さんにいろいろご迷惑をおかけしました。詳しい回答、ご意見をいただいた皆さん、本当にありがとうございました！！ m(_ _)m m(_ _)m m(_ _)m m(_ _)m m(_ _)m m(_ _)m m(_ _)m m(_ _)m

その他の回答 (5)

mirurin
ベストアンサー率43% (48/111)

2002/11/01 09:19 回答No.6

ラジオボタンの名前を変えてareaという隠しフィールドを作ればどうかと思ったんですけど、どうでしょう？ <form name="fm1" method="get" onsubmit="return goDetailX(this);"> <input type="radio" name="_area" value="all" onClick="area.value = 'all'" checked>ALL<br> <input type="radio" name="_area" value="a" onClick="area.value = 'a'">A<br> <input type="radio" name="_area" value="b" onClick="area.value = 'b'">B<br> <input type="hidden" name="area" value="all"> <input type="submit" value="検索" > </form>

質問者

お礼 2002/11/01 09:54

残念ながらうまくいきませんでした。すみません。ご迷惑をおかけして・・・私のソースがおかしいのですかねぇ・・・・ありがとうございました。

nuki
ベストアンサー率30% (6/20)

2002/10/31 15:27 回答No.4

解決方法を3つ思いつくことができました。私の個人的な意見としては、不必要なJavaScriptは利用しない方が好ましいという観点から、3のHTMLの仕様で解決する方法をお勧めしたいです。 1.JavaScript関数の追加で解決する bodyタグにonloadイベントを追加してJavaScript関数を呼び出し、その中で初期選択状態を設定する方法。 <head> (省略) <meta http-equiv="Content-Script-Type" content="text/javascript"> <script type="text/javascript"> function doLoad() { document.example_name.area.value = 'all'; } (省略) </script> </head> <body onload="doLoad()"> (省略) <form name="example_name" (省略)> <input name="area" type="hidden"> (省略) <input name="open_area" type="radio" value="a" onclick="area.value = 'a'"> (以下略) onloadイベントはhtmlが全て読み込まれてから呼び出されるので、areaオブジェクトは必ず存在すると見なせます。 2.既存ソースへの変更を最小限にする恐らくhidden指定されているareaオブジェクトに初期値を設定してしまう方法。 (省略) <input name="area" type="hidden" value="all"> (以下略) 3.HTMLの仕様で解決する JavaScriptで別のhiddenフィールドに値を設定することを止める方法。作業手順としては、既存のラジオボタンのフィールド名(open_area)を全てareaに変更し、hiddenフィールドを削除してしまう。合わせて、ラジオボタンフィールドに追加していたonclickイベントも削除する。 (省略) <form (省略)> <input name="area" type="radio" value="all"> (以下省略)

質問者

お礼 2002/10/31 16:31

<html><head> <script language="javascript">  </script> </head> <body> <form name="fm1" method="get" onsubmit="return goDetailX(this);"> <input type="radio" name="area" value="all" onClick="area.value = 'all'" checked>ALL<br> <input type="radio" name="area" value="a" onClick="area.value = 'a'">A<br> <input type="radio" name="area" value="b" onClick="area.value = 'b'">B<br> <input type="submit" value="検索" > </form> </body></html> いろいろな方の意見を聞いて簡単なものを作りました。これもうまく動作しません。（動作状況は補足に詳しく書いてあります）

質問者

補足 2002/10/31 15:49

ご回答ありがとうございます。まず、nukiさんの ●提案１について　個人的に一番きにいりました。　問題点としてHEDER部分表示は関数を使用しています(<body>タグまで）　なので厳しいです。すみません。 ●提案２について　やってみましたが、結果的に同じでした（泣） ●提案３について　本当にすみません。下記の方の補足で記述したソースのopen_areaはすべて　areaの間違いです・・・。すみません。現在私がやりたいのは実行ボタンをクリック時にラジオボタンのクリック状況をチェックすることです。 'ＡＬＬ'だった場合はメッセージを表示させるということです。たとえば最初に表示するファイルをfirst.phpとして次に表示するファイルを second.phpとします。実行ボタンクリック時にsecond.php起動の前に javascriptでalert(fm.area.value)を表示させるとデフォルトでは'UNDEFINED'と表示され、他のボタンは'A', 'B', また他のボタンクリック後に'ＡＬＬ'をクリックすると 'ALL'が表示されます。（もちろんこのjavascriptはfirst.phpで記述）デフォルト表示後、実行ボタンをクリックしてsecond.php表示後、ＩＥのＵＲＬには ' ・・・・ &area=all&・・・'なんて出てます・・・なんかいろんな人に回答していただいて、うまく動かなくて大変申し訳ないです。

mirurin
ベストアンサー率43% (48/111)

2002/10/31 12:49 回答No.3

> 実行するとうまくいきません。どのようになるのですか？エラーが出るのですか？実行部分のスクリプトを簡単にでも書いていただければわかるかも知れませんが・・。

質問者

補足 2002/10/31 13:21

-------------- 省略 -------------- <fieldset style="width = 300"> <Legend><font size="+2"><b>選択</b></font></Legend> <input type="radio" name ="area" value="all" checked onClick="area.value = 'all'">ＡＬＬ<br> <?php -------------- 　　省略 -------------- for($iCnt=1;$iCnt<$work;$iCnt++){ ?> <input type="radio" name="open_area" value="<?=$BOX[$iCnt] [0]? >" onClick="area.value = '<?=$BOX[$iCnt][0]?>'"> <?=$BOX[$iCnt][4]?><br> <?php } ?> </fieldset> -------------- 省略 -------------- 状況説明なしで失礼しました。 HTMLとPHPで作成しています。ラジオボックスで選択された内容に対して処理を分けようと考えています。 $BOXは連想配列でそれぞれ情報が格納されています。たとえば現段階ではラジオボタンが３つ表示されるとします。 ●ＡＬＬ ○Ａ ○Ｂ　　　　　　　　　【開始ボタン】と上記のように表示されます。 ※上記では<form>タグは省略されていますが、作成することになります。　（ほかのPHPを起動させる） ■例1 ○ＡＬＬ ●Ａ ○Ｂ　　　　　　　　　【開始ボタン】（クリック）とすると'Ａ'の情報が表示されるようになります。 ■例2 ○ＡＬＬ ○Ａ ●Ｂ　　　　　　　　　【開始ボタン】 ↓ ●ＡＬＬ ○Ａ ○Ｂ　　　　　　　　　【開始ボタン】（クリック）とすると'ＡＬＬ'の情報が表示されるようになります。 ■例3 ●ＡＬＬ ○Ａ ○Ｂ　　　　　　　　　【開始ボタン】（クリック）が今問題になっています。基本的に次の画面に移る際に引数areaを参照して SQLを走らせています。なのでデフォルト状態でいきなり開始ボタンを押下すると引数が入っておらずSQLが走らない状態です。こんな説明でわかっていただけるでしょうか？

mirurin
ベストアンサー率43% (48/111)

2002/10/30 21:12 回答No.2

<input type="radio" name="area" value="all" onClick="area.value = 'all'" checked>ALL<br> <input type="radio" name="area" value="a" onClick="area.value = 'a'">A<br> <input type="radio" name="area" value="b" onClick="area.value = 'b'">B<br> <script language="JavaScript"> area.value = 'all'; </script> こんなふうにareaにデフォルトで値をいれておけばどうでしょう？

質問者

補足 2002/10/31 10:30

＞・・・　onClick="area.value = 'all'" checked>ALL<br> と上記のようにしましたが同じでした。状況としてはNO1さんに書いた補足と同じ動作のままでした。普通（？）なら上記のソースで希望した動きができるはずですよね？

Black_Tiger
ベストアンサー率21% (300/1391)

2002/10/30 16:46 回答No.1

こんにちは。 <INPUT type="radio" name="area" value="ＡＬＬ" checked>ＡＬＬ　　 <INPUT type="radio" name="area" value="Ｂ">Ａ　　 <INPUT type="radio" name="area" value="Ｂ">Ｂ上記はＢＴの作成したとあるＨＰからの引用です。これでもＮＧですか？

質問者

補足 2002/10/30 16:58

上記のようにしたのですができませんでした。基本的に画面表示後は'ＡＬＬ'にチェックはついています。いったん'Ａ'や'Ｂ'をクリックしてまた'ＡＬＬ'をチェックすると実行ができます・・・（泣）ちなみにデフォルト表示後にもう一度上から'ＡＬＬ'をチェックすると正常に動作します。