JavaScriptのラジオボタン選択で値取得

質問

JavaScriptでフォームのラジオボタン選択で選択した項目に応じて、複数の変数に特定の数値を入れたいのですが、どうしたらいいでしょうか?

ラジオボタンで仮に、
・東京
・大阪
・名古屋
という選択があったとして、
(そのボタンの下部に<input type="button" value="Go!" onclick="hogehoge();">というような実行ボタンがあったとします)

東京を選んだ場合は、
a = 4;
b = 3;
大阪を選んだ場合は、
a = 3;
b = 2;
名古屋を選んだ場合は、
a = 5;
b = 4;
と、a/bに数値を入れたいです。

今現在下記のように書いたのですが、動作しません。

<script type="text/javascript">
function hogehoge() {
no = document.hoge.a.value - 0;
if(no == 1) {
n1 = 4;
n2 = 3;
}else if(no == 2) {
n1 = 3;
n2 = 2;
}else if(no == 3) {
n1 = 5;
n2 = 4;
}
document.hoge.no1.value = n1;
document.hoge.no2.value = n2;
}
</script>

<form name="hoge">
<input type="radio" name="a" value="1" checked>東京
<input type="radio" name="a" value="2">大阪
<input type="radio" name="a" value="3">名古屋
<br>
<input type="button" value="Go!" onclick="hogehoge();"><br>
<input type="text" size="5" name="no1"><br>
<input type="text" size="5" name="no2">
</form>

よろしくお願いいたします。

回答No.1

LancerVII · ベストアンサー

こんにちは。

radioの選択されている値を取るには同じ名称のradioのどれがチェックされているか判断しないといけません。
以下のようにすれば良いと思います。

==== js
function hogehoge ( formObj ) {
// name="a"を取得
var radioObj = formObj.elements['a'];
var n1 = 0;
var n2 = 0;
// 配列になる
if ( radioObj[0].checked ) {
// 0番目=東京
n1 = 4;
n2 = 3;
} else if ( radioObj[1].checked ) {
// 1番目=大阪
n1 = 3;
n2 = 2;
} else {
// それ以外(すなわち2番目=名古屋)
n1 = 5;
n2 = 4;
}
formObj.elements['no1'].value = n1;
formObj.elements['no2'].value = n2;
}
==== html
<input type="button" value="Go!" onclick="hogehoge(this.form);">

お礼

ありがとうございます。できました。応用します。