ラジオボタンの値を数値として取得し計算に活かしたい

2007/03/05 18:43

このQ&Aのポイント

プログラミング初心者です。ラジオボタンの値を数値として取得して、それを計算に活かしたいのですが、うまくいきません。
JavaScriptのradioChange()関数を使ってラジオボタンの値を取得し、その値を計算に利用したいです。
radioChange()関数で数値を取得した後、calc()関数でその変数を使いたいですが、正常に動作していません。

ukurere84
お礼率65% (43/66)

JavaScript
回答数3
ありがとう数1

みんなの回答 （3）
専門家の回答

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

ベストアンサー

hkd9001
ベストアンサー率48% (99/204)

2007/03/05 20:10 回答No.2

こんばんは。私の勝手な解釈だけど、以下のようにすると、ラジオボタンで指定した値が alert で表示されます。document.write を使うと、もとあったラジオボタンなんかが消えてしまうので。 ---------------------------------------- <body onload="radioChange()"> <SCRIPT LANGUAGE="JavaScript"> function radioChange(num) { xx = num.value; document.form1.xyz.value = parseInt(xx); } function calc() { xx = document.form1.xyz.value; alert(xx * 100); } </SCRIPT> <form name="form1"> <input type="radio" name="radio1" value="1" onclick="radioChange(this)"> <input type="radio" name="radio1" value="2" onclick="radioChange(this)"> <input type="radio" name="radio1" value="3" onclick="radioChange(this)"> <input type="hidden" name="xyz"> <input type="button" value="計算" onClick="calc();"> </form> </body> </html> ---------------------------------------- ようするに、ラジオボタンから得た値を、いったん <input type="hidden" name="xyz"> に退避させて、あらためて calc() で呼び出すという段取りです。あと、質問者さんの書いてくださったコードだと、この calc() が実行されないので、 <input type="button" value="計算" onClick="calc();"> というボタンを設け、これをクリックしてもらうことにより起動するようにしました。 …もしお答えになっていなかったら、ごめんなさい。

質問者

お礼 2007/03/06 06:09

回答ありがとうございます。 hkd9001のおっしゃることを、まずやってみようと思います。

ログインすると、全ての回答が全文表示されます。

その他の回答 (2)

leap_day
ベストアンサー率60% (338/561)

2007/03/08 05:47 回答No.3

こんにちはラジオボタンを押したら value="1"だったら『100』 value="2"だったら　『200』という風にしたいのですよね？こんな感じで・・・ <script language="javascript">  </script> <form name="form"> <input type="radio" name="radio" value="1" onclick="calc(this.value)">1 <input type="radio" name="radio" value="2" onclick="calc(this.value)">2 <input type="radio" name="radio" value="3" onclick="calc(this.value)">3 <input type="text" name="txt"> </form> <div id="num"></div>

ログインすると、全ての回答が全文表示されます。