選択したラジオボタンに対応した言葉を表示させたい

締切済

質問者：ravijourlove
質問日時：2013/05/07 20:57
回答数：2件

こんにちは
早速なんですが、職場のアンケートのサイトを作っています。
ラジオボタンをA,B,Cと作ってその下にフォームを作りました。
選んだラジオボタンによってフォームの案内文が変わるようにしたいのですが、
なかなか上手くいきません。
現在は下の状態です。

<html>
<head>

<script type="text/javascript">
var GuideSentence = 'テスト';
function ShowFormGuide(obj) {
if( obj.value == '' ) {
obj.value = GuideSentence;
obj.style.color = '#808080';
}
}
function HideFormGuide(obj) {
if( obj.value == GuideSentence ) {
obj.value='';
obj.style.color = '#000000';
}
}
</script>

<input type="radio" value="A" name="q1">A
<input type="radio" value="B" name="q1">B
<input type="radio" value="C" name="q1">C
<input type="text" value="テスト" style="color: #808080;" onFocus="HideFormGuide(this);" onBlur="ShowFormGuide(this);">
</p>
<input type="submit" name="button1" value="送信" /></p>

</body>
</html>

ここで"テスト"の文字の部分をAをクリックしたら"a"、Bをクリックしたら"b"、Cをクリックしたら"c"といった形にする方法を教えて頂きたいです。
よろしくお願いいたします。

通報する

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

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.2

回答者： Ogre7077
回答日時：2013/05/08 15:26

> 別の既存のtextやtextareaに反映する方法が解りません。

出力対象の input 要素に id 属性を付けると、
<input type=text id=hogehoge>

スクリプトは id を利用して input 要素を取得できます
var obj = document.getElementById('hogehoge');
obj.value = GuideSentence;

注意点として、id 属性はページ内で重複する値を指定できません。