重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

電子書籍の厳選無料作品が豊富！

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

解決済

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

お世話になります。質問がわかりにくければすみません。
以下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="">

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

通報する

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

質問の本文を隠す

A 回答 (2件)

No.2ベストアンサー

  • 回答者： auty
  • 回答日時：

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>
    • good
    • 1
    • 件
通報する
この回答へのお礼

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

通報する
お礼日時：2008/03/09 19:37

No.1

  • 回答者： agricap
  • 回答日時：

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



<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>
    • good
    • 0
    • 件
通報する

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

Q質問する（無料）

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

Q質問する（無料）

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

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

おすすめ情報