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

締切り済みの質問

ラジオボタンの値を・・・・・

<html>
<head>
<script language="javascript">
function osu(){
document.form1.text1.value=document.form1.radio1.value;
}
</script>
</head>

<body>
<form name="form1">
<input type="radio" name="radio1" value="男" checked>男
<input type="radio" name="radio1" value="女">女
<input type="button" value="押す" onClick="osu()">
<input type="text" name="text1">
</form>
</body>
</html>

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

上記のプログラムは、選択されたラジオボタンの値をテキストボックスに表示させるプログラムなんですが、何故かラジオボタンの値が表示されず、「undefined」というのが表示されます。
どうすれば、「男」または「女」という値を表示させることができますか?
ちなみにこれは、「○○○.html」で保存します

投稿日時 - 2006-11-13 22:22:29

QNo.2537516

すぐに回答ほしいです

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

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

回答(1)

ANo.1

osu() の中で次のように処理します。

function osu(){
document.form1.text1.value=
(document.form1.radio1[0].checked)?
document.form1.radio1[0].value:
document.form1.radio1[1].value;
}

これは2択の場合で、3択以上なら次のようになります。

function osu(){
var len = document.form1.radio1.length;
for(var i=0;i<len;i++){
if(document.form1.radio1[i].checked){
document.form1.text1.value=document.form1.radio1[i].value;
break;
}
}
}

投稿日時 - 2006-11-13 23:13:49

お礼

ありがとうございました。
完璧ですヽ(´∀`)ノ

投稿日時 - 2006-11-13 23:30:58

あなたにオススメの質問