こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

ラジオボタンと連動して文字列を挿入するjavascript(radioのvalue値を元に、特定の文字列を挿入です)

お世話になります。質問がわかりにくければすみません。
以下3つのラジオボタンがあり、value値と連動してテキストボックス(またはhidden)のvalueに特定の文字列を挿入させる方法を教えて下さい。
(例えば東京⇒関東、大阪⇒近畿、福岡⇒九州など…)

<input type="radio" name="name1" value="1">東京<br>
<input type="radio" name="name1" value="2">大阪<br>
<input type="radio" name="name1" value="3">福岡<br>
<input type="text" name="name2" value="">
<input type="hidden" name="name3" value="">

宜しくお願いします。
また、参考になるようなサイトなどご教授頂ければ幸いです。
宜しくお願いします。

投稿日時 - 2008-02-29 23:25:05

QNo.3821655

すぐに回答ほしいです

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

ANo.1さんを書き直しただけになってしまいましたが、

--------------------------------------------------------------------
<html>
<head>
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>radio</title>

<script type="text/javascript">
<!--
var city=['東京','大阪','福岡'];
function setVal(index) {
document.frm.name2.value=city[index-1];
document.frm.name3.value=city[index-1];
alert("hidden: "+document.frm.name3.value)
}
//--></script>
</head>

<body>
<form name="frm">
<input type="radio" name="name1" value="1"
onClick="setVal(this.value);" />
東京
<br />
<input type="radio" name="name1" value="2"
onClick="setVal(this.value);" />
大阪
<br />
<input type="radio" name="name1" value="3"
onClick="setVal(this.value);" />
福岡
<hr />
<br />
<input type="text" name="name2" value="" />
<input type="hidden" name="name3" value="" />
</form>
</body>
</html>

投稿日時 - 2008-03-01 03:18:22

お礼

お礼が遅くなり失礼致しました。
非常にシンプルにできるのですね…。
ありがとうございました。

投稿日時 - 2008-03-09 19:37:48

ANo.2

このQ&Aは役に立ちましたか?

3人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

こんな感じでどうでしょうか?

<input type="radio" name="name1" value="1" onClick="name2.value='東京'">東京<br>
<input type="radio" name="name1" value="2" onClick="name2.value='大阪'">大阪<br>
<input type="radio" name="name1" value="3" onClick="name2.value='福岡'">福岡<br>

投稿日時 - 2008-02-29 23:49:18

あなたにオススメの質問