折りたたみメニュー内のテキストボックスを選択項目により無効にする

質問

<input type="radio" name="radio1" value="1"/>A
<input type="radio" name="radio1" value="2"/>B

～～折りたたみメニュー　1～～
<input type="text" name="text1" disabled/>
～～ここまで～～

～～折りたたみメニュー　2～～
<input type="text" name="text2" disabled/>
～～ここまで～～

Aを選択するとtext1が有効になり、同時にtext2のデータが消して無効化し
同様にBを選択するとtext2が有効になり、同時にtext1のデータを消し無効化できたらと考えています。
ご教授よろしくお願い致します。

回答No.1

arenani_sorenani · ベストアンサー

こんなんですか・・・

<input type="radio" name="radio1" value="1" onchange="text1.disabled=false;text2.disabled=true;text2.value='';" />A
<input type="radio" name="radio1" value="2" onchange="text1.disabled=true;text2.disabled=false;text1.value='';" />B

<input type="text" name="text1" disabled/>

<input type="text" name="text2" disabled/>

.