あなたの「必」の書き順を教えてください

ラジオボタンが選択されたらテキストフィールドを入力可能にする方法

解決済

  • 質問者：korokorodonguri
  • 質問日時：
  • 回答数：2件

社会人2年目のSEです。

JavaScriptが書けなくて困っています。

実装内容は以下の通りです。

【実装内容】
・ラジオボタンが3つ。
・そのうち2つはただのラジオボタン。
・もう1つは、そのラジオボタンを押したらテキストボックスに値を入力可能にするもの。

【画面イメージ】
○ ＡＡＡ
○ ＢＢＢ
● ＣＣＣ　[テキストボックス]

↑ラジオボタン（CCCのラジオボタンがチェックされてる時のみ、テキストボックス入力可能）


以下のサイトのソースを参考に実装可能かと思っています。
違うのはサンプルソースのテキストボックスを2つ削ればいいだけなので。

http://www.openspc2.org/reibun/javascript/form_r …


このソースを参考にして作ってみたのですが、技術力が足りないため、動かすことができませんでした。

アドバイスよろしくお願い致します。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.1ベストアンサー

  • 回答者： Bonjin
  • 回答日時：

＞アドバイスよろしくお願い致します


で、結局何についてアドバイスが欲しいのでしょうか？

今回の処理は
１．ラジオボタンの状態が変更されたイベントを拾う
２．ラジオボタンの状態を取得する（チェックされているか調べる）
３．テキストボックスの状態を変える
のたった３つ処理の組み合わせでしかありません。処理全体を１つとしてみるのではなく、１つの処理が、どんな処理の組み合わせで出来ているのかを考えてください。
SEやPGは大きな視点から細かな視点まで見渡す能力が必要不可欠です。まずは物事を分解して考える術を身につけてください。

あとはついでですが、
今回の質問にラジオボタンが３つと書かれていますが、実際に処理に関連するのは１つだけです。必要な情報と不要な情報は見分けられるようにしましょう。
また、今回ラジオボタンを利用しようとしていますが、ON/OFF(２値)を切り替えるだけならばチェックボックスの方が向いています。様々なコンポーネントの用途を考えて最適なものを選んでください。
    • good
    • 0
    • 件
通報する
この回答へのお礼

ご解答ありがとうございました。

そうですね。
実際に処理するのは最後のボタン押下後だけですね。

必要な情報と不要な情報を見分けることができていませんでした。
先程、処理するのは3つ目のボタン押下後だけでいいことに気が付き、動くようになりました。

ありがとうございました。

通報する
お礼日時：2005/08/01 19:59

No.2

  • 回答者： Manuel
  • 回答日時：

<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を変えたときはスクリプトの方も変えてくださいね。
    • good
    • 1
    • 件
通報する
この回答へのお礼

先程できました。

ご丁寧にありがとうございます。

Manuel様のも参考にしてみます。

ありがとうございました。

通報する
お礼日時：2005/08/01 20:00

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

このQ&Aを見た人はこんなQ&Aも見ています

関連するカテゴリからQ&Aを探す

ページトップページトップ

おすすめ情報

Q質問する（無料）

このQ&Aを見た人がよく見るQ&A

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報