- ベストアンサー
ラジオボタンが選択されたらテキストフィールドを入力可能にする方法
社会人2年目のSEです。 JavaScriptが書けなくて困っています。 実装内容は以下の通りです。 【実装内容】 ・ラジオボタンが3つ。 ・そのうち2つはただのラジオボタン。 ・もう1つは、そのラジオボタンを押したらテキストボックスに値を入力可能にするもの。 【画面イメージ】 ○ ＡＡＡ ○ ＢＢＢ ● ＣＣＣ [テキストボックス] ↑ラジオボタン（CCCのラジオボタンがチェックされてる時のみ、テキストボックス入力可能） 以下のサイトのソースを参考に実装可能かと思っています。 違うのはサンプルソースのテキストボックスを2つ削ればいいだけなので。 http://www.openspc2.org/reibun/javascript/form_radio/006/index.html このソースを参考にして作ってみたのですが、技術力が足りないため、動かすことができませんでした。 アドバイスよろしくお願い致します。
- korokorodonguri
- お礼率90% (20/22)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
＞アドバイスよろしくお願い致します で、結局何についてアドバイスが欲しいのでしょうか？ 今回の処理は １．ラジオボタンの状態が変更されたイベントを拾う ２．ラジオボタンの状態を取得する（チェックされているか調べる） ３．テキストボックスの状態を変える のたった３つ処理の組み合わせでしかありません。処理全体を１つとしてみるのではなく、１つの処理が、どんな処理の組み合わせで出来ているのかを考えてください。 SEやPGは大きな視点から細かな視点まで見渡す能力が必要不可欠です。まずは物事を分解して考える術を身につけてください。 あとはついでですが、 今回の質問にラジオボタンが３つと書かれていますが、実際に処理に関連するのは１つだけです。必要な情報と不要な情報は見分けられるようにしましょう。 また、今回ラジオボタンを利用しようとしていますが、ON/OFF(２値)を切り替えるだけならばチェックボックスの方が向いています。様々なコンポーネントの用途を考えて最適なものを選んでください。
その他の回答 (1)
- Manuel
- ベストアンサー率43% (43/98)
<head>内に <script language="javascript" type="text/javascript"> <!-- function swDis() { fObj = document.form01; fObj.textBox01.disabled = (fObj.radio01[2].checked) ? false : true ; } //--> </script> <body>内に <form name="form01"> <table> <tr><td><input type=radio name="radio01" value="AAA" onClick="swDis()" checked>AAA</td></tr> <tr><td><input type=radio name="radio01" value="BBB" onClick="swDis()">BBB</td></tr> <tr><td><input type=radio name="radio01" value="CCC" onClick="swDis()">CCC</td> <td><input type=text name="textBox01" disabled></td></tr> </tr> </table> </form> でどうですか？nameを変えたときはスクリプトの方も変えてくださいね。
お礼
先程できました。 ご丁寧にありがとうございます。 Manuel様のも参考にしてみます。 ありがとうございました。
お礼
ご解答ありがとうございました。 そうですね。 実際に処理するのは最後のボタン押下後だけですね。 必要な情報と不要な情報を見分けることができていませんでした。 先程、処理するのは3つ目のボタン押下後だけでいいことに気が付き、動くようになりました。 ありがとうございました。