Java 計算結果の表示ボックスの書式を変えたい| OKWAVE

Javaで計算結果によって文字色を変えたい

下記のような計算プログラムを検討しています。全くの素人なので、ネットで参考になるものを探して、やっとここまで出来ました。計算結果の値によって文字色を変えたいのですが上手くいきません。例えば、数値が100以上であれば青、200以上であれば、赤・・・というように設定したいのですが、どのように記述すれば良いでしょうか。よろしくお願い致します。 <HTML> <HEAD> <TITLE>計算</TITLE> </HEAD> <BODY> <SCRIPT language="JavaScript">  </SCRIPT> <H3>TEST</H3> <FORM name="fk">※ 条件を入力して下さい <BR> <BR> 条件(1)<SELECT name="s1" id="s1" onchange="b();"> <OPTION value="0.2">A</OPTION> <OPTION value="0.9">B</OPTION> </SELECT> <BR> 条件(2)<INPUT size="10" type="text" name="d1" style="text-align:right"><BR> 条件(3)<INPUT size="10" type="text" name="d2" style="text-align:right"><BR> 条件(4)<INPUT size="10" type="text" name="d3" style="text-align:right"><BR> 条件(5)<INPUT size="10" type="text" name="d4" style="text-align:right"><BR> <BR> <INPUT type="button" value="計算開始" onclick="document.fk.calc1.value=keisan1(document.fk.d1.value,document.fk.d2.value);document.fk.calc2.value=keisan2(document.fk.d1.value,document.fk.d2.value,document.fk.d3.value,document.fk.d4.value,document.fk.s1.value);document.fk.calc3.value=keisan3(document.fk.d1.value,document.fk.d2.value);"> <BR> 回答(1)<INPUT size="10" type="text" name="calc1" style="text-align:right"> <BR> 回答(2)<INPUT size="10" type="text" name="calc2" style="text-align:right"> <BR> 回答(3)<INPUT size="10" type="text" name="calc3" style="text-align:right"> </FORM> </BODY> </HTML>

入力する条件によって文字色・背景色を変えたい

JavaScriptで、入力する数字の条件によって文字色や背景色を変えたいのですが、どのように記述すれば良いでしょうか。例えば、条件(1)のボックスに入力する数字が100以上の時に、文字色を「白」、背景白を「赤」にしたいのです。よろしくお願い致します。 <HTML xmlns="http://www.w3.org/1999/xhtml" lang="ja"> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <TITLE>計算テスト</TITLE> </HEAD> <BODY bgcolor="#FFFFCC"> <FONT SIZE="3"> <SCRIPT language="JavaScript">  </SCRIPT> <FONT SIZE="5"><B>計算</B></font><BR> <FORM name="fk"> <FONT SIZE="3"> 　　●条件(1)：<INPUT size="7" type="text" name="d1" style="text-align:right"><BR> 　　●条件(2)：<INPUT size="7" type="text" name="d2" style="text-align:right"><BR> 　　●条件(3)：<SELECT name="s1" id="s1" onchange="b();"> <OPTION value="0.1">A</OPTION> <OPTION value="0.2">B</OPTION> </SELECT> <BR> 　　●条件(4)：<INPUT size="7" type="text" name="d3" style="text-align:right"><BR> 　　●条件(5)：<INPUT size="7" type="text" name="d4" style="text-align:right"><BR> <BR> 　　<INPUT type="button" value="計算開始" onclick="calc()"> <BR> <BR> 　　◆回答(1)：<INPUT size="7" type="text" name="calc1" style="border-color:#000000; border-width:1px; border-style:solid; text-align:right"><BR> 　　◆回答(2)：<INPUT size="7" type="text" name="calc2" style="border-color:#000000; border-width:1px; border-style:solid; text-align:right"><BR> 　　◆回答(3)：<INPUT size="7" type="text" name="calc3" style="border-color:#000000; border-width:1px; border-style:solid; text-align:right"><BR> <BR> </FONT> </FORM> </BODY> </HTML>

超初心者です。buttonをselectに変えるには？

<SCRIPT language="JavaScript"> function calc1(){document.keisan.Z.value=eval(document.keisan.X.value)*1;} function calc2(){document.keisan.Z.value=eval(document.keisan.X.value)*2;} function calc3(){document.keisan.Z.value=eval(document.keisan.X.value)*3;} </SCRIPT> </head> <FORM name="keisan" > <INPUT type="text" name="X" size="4"> <INPUT type="text" name="Z" size="6"> <INPUT type="button" value="1" onClick="calc1()"> <INPUT type="button" value="2" onClick="calc2()"> <INPUT type="button" value="3" onClick="calc3()"> <INPUT type="reset" value="やりなおし"> </FORM> これの INPUT type="button"を<select>～<select> に変えたいと思っています。自分の頭ではいろいろやってもうまくいきませんでした。どなたか御教授を宜しくお願い致します。

初めて書いたけど、動かないｗ

いろいろjsのサンプルとか見てて作れそうと思って作ったんですが、動きませんもしかしたらjs以前の問題かもしれませんがエラーではdocument.x1.x2がnullだとか・・めちゃくちゃなものかもしれないですが、見てくださいおねがいします --------------------------- <html> <head> <script type="text/JavaScript"></script> </head> <body> <form neme="x1"> 計算します<br/> <input name="x2" type="text" value="1"> + <input name="x3" type="text" value="2"> <input type="button" value="=" onClick="keisan()"> </form> </body> </html>

java 計算フォームで未入力の場合ゼロとしたい

java を使ってweb上で計算フォームを作成していますフォームに数値が入力された場合は問題なく計算結果に反映できますが、未入力のフォームがあると計算結果が反映されません。未入力のフォームはゼロの値として計算結果を反映させたいのですが、どうしてもできなかったのでお力をお貸頂ければ助かります＞＜フォームに最初からゼロの値を入れておく方法もあるのですが、ゼロが消された場合は未入力となってしまい計算結果に反映されないので、あくまで未入力の場合はゼロとして計算結果に反映させたいと思っています。 [script LANGUAGE="JavaScript"] function calc() { var s1, s2, s3, s4, ss; s1 = eval(document.form01.txt01.value); s2 = eval(document.form01.txt02.value); s3 = eval(document.form01.txt03.value); ss = s1+s2 +s3; if(ss < 30000) document.form01.txt04.value = ss*0.3; else if(s5 >= 30000) document.form01.txt04.value = ss*0.5; } [/script] <form name="form01"> <input style= type="TEXT" name="txt01" /> <input style= type="TEXT" name="txt02" /> <input style= type="TEXT" name="txt03" /> <input onclick="calc()" type="button" value="計算する" /> <input style= type="TEXT" name="txt04" /> </form> よろしくお願いします

同じFunctionで、同じ計算させたいのですが

私は今、以下のようにここで教えていただいたプログラムを参考に組んでは見たものの、同じ行をいくつもコピペすると計算されなくなってしまいます。1行だけの計算でしようとするとうまく計算されるのですが・・・ <HTML> <HEAD> <TITLE> タイトルバーに表示されるテキスト </TITLE> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HEAD> <BODY> <FORM NAME="sum" onSubmit="SUM();return false;"> A<INPUT TYPE="text" NAME="text1" onChange="SUM()" SIZE="10"><BR> B<INPUT TYPE="text" NAME="text2" onChange="SUM()" SIZE="10"><BR> C<INPUT TYPE="text" NAME="text3" onChange="SUM()" SIZE="10"><BR> D=A+B-C<INPUT TYPE="text" NAME="text4" onChange="SUM()" SIZE="10"><BR> E<INPUT TYPE="text" NAME="text5" onChange="SUM()" SIZE="10"><BR> F<INPUT TYPE="text" NAME="text6" onChange="SUM()" SIZE="10"><BR> G=D+E+F<INPUT TYPE="text" NAME="text7" onChange="SUM()" SIZE="10"><BR> </FORM> </BODY> </HTML>

計算結果のテキスト表示

JavaScript計算式で結果を表示したいのですができません。テキストBOXには結果を入れれるのですが、テキストBOXでなく文字として結果を出したいのですがでません。以下ソースです。　19行目が表示希望箇所です。 <SCRIPT language="javascript">  </SCRIPT> <FORM name="f"> 縦<INPUT type="text" name="goods1" size="3" onChange="calc();">m * 横<INPUT type="text" name="goods2" size="3" onChange="calc();">m * 厚み<INPUT type="text" name="goods3" size="3" onChange="calc();">cm<BR> 　　　　　　60L　<INPUT type="text" name="syoukei" size="5">袋<BR> <SCRIPT language="javascript">  </SCRIPT> </FORM>

ボタンを押して計算結果を出したい

下記のもの、うまくいきません。どのようにしたらよいのでしょうか？教えてください。よろしくお願いします。 <HTML> <HEAD> <TITLE>Calculator</TITLE> <SCRIPT language = "JavaScript"> function calc(Submit){ Num1 = document.foam1.Num1; Num2 = document.foam1.Num2; Ans = document.foam1.Ans; document.foam1.Ans.value = s1 Ans s2; } </SCRIPT> </HEAD> <PRE> 数値1 演算子数値2 答え</PRE> <FORM METHOD=GET ACTION="/calc/calc.exe"> <INPUT NAME="Num1" VALUE="" onChange="calc()"> <SELECT NAME="Opr" SIZE=1 VALUE="" onChange="calc()"> <OPTION>+<OPTION>-<OPTION>*<OPTION>/</SELECT> <INPUT NAME="Num2" VALUE="" onChange="calc()"> = <INPUT NAME="Ans" VALUE="" onChange="calc()"> <INPUT TYPE="Submit" VALUE="計算"> </FORM> <H2></H2> </HTML>

insertRowメソッド内で計算式を書く方法

http://jsajax.com/Articles/TableInsertRow/157を参考に、[行を挿入]ボタンをクリックすると最終行の下に行が追加され、その中にテキストボックスを配置し計算を行うようにしたいと思い、下記のソースを記述しました。そして追加した行で正常に計算を行うために、insertRow内のinnerHTMLのgoods_a_3の3の部分を動的に設定したり、calc内の計算式を動的にループさせる必要があると思ったのですが、どのように記述すれば良いか分からなかったため、アドバイスいただける方がいらっしゃいましたら、ご教示の程、よろしくお願いします。 <script type="text/javascript">  </script> </head> <body> <form action="#" name="form1" id="form1"> <table id="Table1" border="1"> <tr> <td><input type="text" name="goods_a_1" size="3" value="0" onchange="calc();" />*</td> <td><input type="text" name="goods_b_1" size="3" value="0" onchange="calc();" />=</td> <td><input type="text" name="ans1" size="8" value="0" disabled="disabled" /></td> </tr> <tr> <td><input type="text" name="goods_a_2" size="3" value="0" onchange="calc();" />*</td> <td><input type="text" name="goods_b_2" size="3" value="0" onchange="calc();" />=</td> <td><input type="text" name="ans2" size="8" value="0" disabled="disabled" /></td> </tr> </table> </form> <br /> <input id="btnInsert" type="button" value="行を挿入" /> 以上、よろしくお願いします。

JavaScriptの計算式を添削してください。

250×変数Ａ＋200×変数Ｂ＋150×変数Ｃ＝合計という計算をしたくて過去の質問をヒントに自分なりに工夫して作成いたしました。（JavaScriptは超初心者）変数Ａ～Ｂには整数が入ります。自分で動作を確認したところ問題無く動くようですが、何か問題がないか心配です。これでいいのか、間違っているところがないか確認願いますでしょうか。 <HTML> <HEAD> <SCRIPT language="JavaScript">  </SCRIPT> <TITLE></TITLE> </HEAD> <BODY> <FORM name="f"><INPUT type="text" name="t1" onkeyup="calc()" value="0"><INPUT type="text" name="t2" onkeyup="calc()" value="0"><INPUT type="text" name="t3" onkeyup="calc()" value="0"> ＝ <INPUT type="text" name="t4"></FORM> </BODY> </HTML>

Javascriptで自動計算の合計の式でエラー

度々すみません。前回こちらで質問させて頂きましたものです。 http://okwave.jp/qa/q8737139.html 教えて頂いた内容を確認してフォームの合計を表示するところまでは出来たのですが、合計する列をひとつ増設した所、D列の合計は教えて頂いた式で合計が無事表示されたのですが、C列の合計が合計ではなく文字の並びが表示されてしまいました。色々調べてみたのですが、この現象の原因がよくわかりません。何かエラーがあるのでしょうか。お知恵を貸して頂けると嬉しいです。宜しくお願いします。＜スクリプト＞ <script type='text/javascript'> function keisan(){ var price1 = (document.form1.a1.value) * (document.form1.b1.value) * (document.form1.c1.value); document.form1.金額1.value = price1 ; var price2 = (document.form1.a2.value) * (document.form1.b2.value) * (document.form1.c2.value); document.form1.金額2.value = price2 ; var price3 = (document.form1.a3.value) * (document.form1.b3.value) * (document.form1.c3.value); document.form1.金額3.value = price3 ; document.form1.total.value = price1 + price2 + price3; var f1 = (document.form1.c1.value); document.form1.c1.value = f1 ; var f2 = (document.form1.c2.value); document.form1.c2.value = f2 ; var f3 = (document.form1.c3.value); document.form1.c3.value = f3 ; document.form1.ctotal.value = f1 + f2 + f3; } </script> ＜HTMLソース＞ <body> <form method="post" name="form1"> <table width="473" border='1'> <tr> <td align='center'> </td> <td align='center'>A</td> <td align='center'>B</td> <td align='center'>C</td> <td align='center'>D</td> </tr> <tr> <td>1</td> <td><input type='text' name='a1' onchange='keisan()' style='width:50px' /></td> <td><input type='text' name='b1' onchange='keisan()' style='width:50px' /></td> <td><input type='text' name='c1' onchange='keisan()' style='width:25px' /></td> <td><input type='text' name='金額1' style='width:100px' /></td> </tr> <tr> <td>2</td> <td><input type='text' name='a2' onchange='keisan()' style='width:50px' /></td> <td><input type='text' name='b2' onchange='keisan()' style='width:50px' /></td> <td><input type='text' name='c2' onchange='keisan()' style='width:25px' /></td> <td><input type='text' name='金額2' style='width:100px' /></td> </tr> <tr> <td>3</td> <td><input type='text' name='a3' onchange='keisan()' style='width:50px' /></td> <td><input type='text' name='b3' onchange='keisan()' style='width:50px' /></td> <td><input type='text' name='c3' onchange='keisan()' style='width:25px' /></td> <td><input type='text' name='金額3' style='width:100px' /></td> </tr> <tr> <td colspan="3" align='right'>合計</td> <td><input type='text' name='ctotal' style='width:25px' /></td> <td><input type='text' name='total' style='width:100px' /></td> </tr> </table> </form> </body>

見よう見まねで以下のように作成してみたのですが

見よう見まねで以下のように作成してみたのですが作動しませんでした。（当方javascript初心者です）どこに問題があるのか、指摘してくださる方を探しています。極めて初歩的なところで誤っているのだろうと思いますので質問するのも恐縮なのですが・・・どなたかよろしくお願いいたします。 ------------------------------------------ <HTML> <HEAD> <script language="JavaScript"> function calc(){ var a = document.form1.001.value; var b = document.form1.002.value; var c = document.form1.003.value; var d = document.form1.004.value; var total = a + b + c + d; document.form1.field.value = total; } </script> </HEAD> <BODY> <BR><BR> <form name="form1"> <Select name="001"> <Option value="10">case1 <Option value="20">case2 </Select>ケース <BR><BR> <INPUT size="15" type="text" name="002">number <BR><BR> <Select name="003"> <Option value="100">volume1 <Option value="200">volume2 <Option value="300">volume3 </Select>ボリューム <BR><BR> <Select name="004"> <Option value="0">N <Option value="50">size1 <Option value="100">size2 <Option value="150">size3 </Select>サイズ <BR><BR> <INPUT type="button" name="calc" value="計算" onClick="calc()"><BR><BR> <input size="15" readonly="readonly" name="field" type="text">total </form> </BODY> </HTML>

NULLまたはオブジェクトではありませんのエラーについて

いつも大変勉強させていただいています。初心者です。さて、現在自動計算を作成中ですが、現在、オプションメニューで計算させる事には成功したのですが、出来ればラジオボタンで選択したものを計算できるようにと考えて色々試したのですが、上手く設定が出来ません。皆さんのお知恵を拝借できないでしょうか？宜しくお願いいたします＜＜外部リンクファイルです＞＞ function KeiCalc(KC) { //オーダー見積計算式 function KeiCalc(KC) { var item1,no1; //表生地 item1 = document.Calc.X1.options[document.Calc.X1.selectedIndex].value; if(item1 == 1){Z1 = 8000} if(item1 == 2){Z1 = 10000} document.Calc.Z1.value =Z1; no1 = item1; //裏生地 item2 = document.Calc.X2.options[document.Calc.X2.selectedIndex].value; if(item2 == 1){Z2 = 8000} if(item2 == 2){Z2 = 10000} document.Calc.Z2.value =Z2; no2 = item2; （省略） //合計計算 document.Calc.PRC.value = Math.round((eval(document.Calc.Z1.value)+eval(document.Calc.Z2.value)+(eval(document.Calc.Z3.value)*eval(Z6))+eval(document.Calc.Z4.value))*eval(Z5)); （省略） } ホームページのフォームの内容【この場合は動作するのですが、ラジオボタンに変更すると動作しません】 <SELECT name="X1" onchange="KeiCalc(this.form)"> <OPTION value="1">ノヴェル・ピンク</OPTION> <OPTION value="2">ノヴェル・ブル</OPTION></SELECT> 途中のフォームの内容 <INPUT type="radio" name="X1" value="1">ノヴェル <INPUT type="radio" name="X1" value="2">ツインベリーこれで動作させると以下のようなエラーが出てしまいます document.Calc.X1.optionsはNULLまたはオブジェクトではありません・・・と宜しくお願いいたします

計算結果の表示方法を教えてください。

javascriptでのプログラム作成がはじめてで下記のようにINPUTへの計算結果を表示はできましたが、 INPUTを使用せず消費税を表示する方法を教えてください。 yahooかんたん決済の（運賃を入力すると合計が表示）様な計算結果の表示方法を教えてください。おそらく<SPAN>を使って表示していると思うのですがわかりません。宜しくお願いします。【省略】 <script type="text/javascript"> function keisan(){ 　　var syouhizei = document.form1.syouhin1.value * 0.05; document.form1.field1.value = syouhizei; } </script> 【省略】 <tr> <td>商品サンプル1</td> <td align="right">500円</td> <td><INPUT type="text" name="syouhin1" size="8" onkeyup="keisan()"></td> <td><input type="text" name="field1" size="8" value="0"> 円</td> </tr>

alert表示で計算結果がうまく表示しません

alert表示で計算結果がうまく作動しません。全問正解しても『０』と表示されてしまいます。 for文がうまくいっていないのだと思いますがどう解決していいのか、まったく解りません。おわかりになる方がいらっしゃいましたら教えて下さい。 <script language="JavaScript">  </script> <form name="Frm_Q"> <input type="radio" name="Q[1]" value="Y">はい<input type="radio" name="Q[1]" value="n">いいえ<br>＃＃＃Q５まで続く＃＃＃ <input type="button" value="　採　点　" onClick="func()"> <input type="reset" value="リセット"> </form>

Javaで小数点第４までを処理したい。

現在近似曲線を算出するプログラムを自作しています。正確に算出するところまでは到達出来たのですが、最後に小数点以下が多すぎるので、小数点第四までに抑えたいです。しかし、小数点を処理するようなプログラムを想定していなかったので、とても困惑しております。私が作っているプログラムはこんな感じです。 <title>近似曲線プログラム</title> <body> <form name="Form1"> <font color="red">近似曲線用プログラム</font><br><br> ・Ｘ＝<input type= "text" size="11" name="a"><input type= "text" size="11" name="b"><input type= "text" size="11" name="c"><br> ・Ｙ＝<input type= "text" size="11" name="e"><input type= "text" size="11" name="f"><input type= "text" size="11" name="g"><br> 　　　<input type= "button" value= "近似曲線の数式を算出" onclick="keisan1()"><br><br> ・標本数＝３<br><br> ・Ｘの平均値＝<input type= "text" size="11" name="i"><br> ・Ｙの平均値＝<input type= "text" size="11" name="j"><br><br> ・ΣXi<sup>2</sup>＝<input type= "text" size="11" name="k"><br> ・ΣXiYi＝<input type= "text" size="11" name="l"><br><br> ・ａ＝<input type= "text" size="11" name="m"><br> ・ｂ＝<input type= "text" size="11" name="n"><br><br> 結果<br> ・ｙ＝<input type= "text" size="11" name="o">ｘ＋<input type= "text" size="11" name="p"> </form> <script language="JavaScript"> function keisan1(){ a = document.Form1.a.value-0; b = document.Form1.b.value-0; c = document.Form1.c.value-0; e = document.Form1.e.value-0; f = document.Form1.f.value-0; g = document.Form1.g.value-0; i=(a+b+c)/3; j=(e+f+g)/3; k=(a*a)+(b*b)+(c*c); l=(a*e)+(b*f)+(c*g); m=(l-3*i*j)/(k-3*(i*i)); n=j-m*i; o=m; p=n; document.Form1.i.value = i; document.Form1.j.value = j; document.Form1.k.value = k; document.Form1.l.value = l; document.Form1.m.value = m; document.Form1.n.value = n; document.Form1.o.value = o; document.Form1.p.value = p; } </script> </body> この中で、結果のoとpの部分を、小数点第四にまでに抑えたいのです、今現在では、小数点以下が１０ケタ以上普通に出てしまいます。どちらも四ケタに抑えたいので、このプログラムに導入出来るような小数点処理のプログラムを知っている方がいらっしゃれば、是非丁寧に教えてほしいです。よろしくお願いします。

フォームに入力された値を計算する方法

私はまったくの初心者なのですがどなたか教えて下さい。 ●Ａ，Ｂ，Ｃという3つの入力フォームがあるとします。Ａのフォームに入力された数字は「Ａ÷20」という値に、Ｂのフォームに入力された数字はそのまま、Ｃのフォームに入力された数字は「Ｃ×10」という値に変更して、 (Ａ+Ｃ)÷Ｂ×30という計算を行なって、その答えをＤのフォームへ表示するというシステムをcgiやphpで作りたいのです。あれこれと試行錯誤しながら、javascriptでなんとか出来たんですが… どなたか教えて頂けませんか？ function keiri() { a = document.takeko.case.value; a = eval(a); a = a / 20 b = document.takeko.time.value; b = eval(b); c = document.takeko.days.value; c = eval(c); c = c * 10 ans = (a + c) / c * 30; document.spec.result.value = ans; } <form name="takeko"> <input name="case" type="text" size="12"> <input name="time" type="text" size="12"> <input name="days" type="text" size="12"> <input name="button" type="button" onClick="keiri()" value="CLICK"> <input name="result" type="text" size="12"> <br></form>

セレクトボックスを使った計算式

テキストボックスに文字を入力してセレクトボックスで四則計算をプルダウンメニューで選択し、３つ目のテキストボックスに計算結果を表示するにはどのようにしたらよいのでしょうか？とりあえず途中まで作ってみました。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>スクリプト練習</title> <script type="text/javascript">  </script> </head> <body> <form name="f1"> <input type="text" size="5" name="t1"> <select name="color2"> <option value="＋">＋</option> <option value="－">－</option> <option value="×">×</option> <option value="÷">÷</option> </select> <input type="text" size="5" name="t2"> <input type="button" value="=" onClick="keisan()"> <input type="text" size="5" name="t3"> </form> </body> </html> if文を作るところが特にわからず止まっています。どうかよろしくお願いします。

Javascriptでラジオボタンとチェックボックスの値を足して計算し

Javascriptでラジオボタンとチェックボックスの値を足して計算しようとしました。しかし、チェックボックス同士の値は足されるのですが、ラジオボタンの値は計算されずにそのまま表示されます。ラジオボタンの値も足されるようにするにはどうしたら良いでしょうか。よろしくお願いいたします。 javascript↓ function calc2() { var ss=""; var fs= document.forms; for (var f=0 ; f<fs.length ; f++) { //formが複数ある場合、formの数だけ繰り返し d = fs[f].elements; //dにform内のエレメントを代入 checkvalue = 0; //checkvalueの値を0にする。ここをcheckvalue = ""; にすると、文字列として扱われる for (var i = 0; i < d.length; i++ ) { //form内のエレメントの数だけ繰り返し if (d[i].checked == true) { //チェックボックスがチェックされていたら checkvalue += Number(d[i].value); //checkvalueの値（整数の場合）にそれぞれのエレメントの値（value）を追加していく } } ss += checkvalue; function addFigure(str) { //3桁のカンマ挿入 var num = new String(str).replace(/,/g, ""); while(num != (num = num.replace(/^(-?\d+)(\d{3})/, "$1,$2"))); return num; } var sss = addFigure(ss); //ssの値にカンマを挿入してsssに代入 } document.getElementById('ch_all').innerHTML = "\\" + sss; //html本文内のid="ch_all"の場所に書き出す } html↓ <html> <head> <script type="text/javascript"> </script> <script type='text/javascript' src='test_checked2.js'></script> </head> <body> <div id="ch_all" style="background-color: #eeeeee;"> </div> <hr /> <form name="Tform1"> <input type="radio" name="test" value="34500" onclick="calc2()"> \34,500 <input type="radio" name="test" value="15000" onclick="calc2()"> \15,000 <input type="radio" name="test" value="3000" onclick="calc2()"> \3,000 <input type="radio" name="test" value="4444" onclick="calc2()"> \4,444 </form> <form name="Tform2"> <input type="checkbox" name="test2" value="34500" onclick="calc2()"> \34,500 <input type="checkbox" name="test2" value="15000" onclick="calc2()"> \15,000 <input type="checkbox" name="test3" value="3000" onclick="calc2()"> \3,000 <input type="checkbox" name="test4" value="4444" onclick="calc2()"> \4,444 </form> </body> </html>

セレクトボックスの項目ごとにテキストボックスの数値を参照するには??

初心者なのにjavascriptで作ろうとしているのが悪いのですが、完全に煮詰まっています。助けてください。カロリー計算なんですが、朝食・昼食など食事毎にセレクトボックスの食品項目を選択していきます。 (食品項目は、本来は数十項目あります) 次に選択された項目のグラムをテキストボックスで入力します。そして、それを食品毎にカロリー計算して合計のカロリーを表示します。 answer=(A*0.1)+(B*0.2)+(C*0.3)+(D*0.4) が、カロリー=(ご飯*0.1)+(肉*0.2)+(魚*0.3)+(牛乳*0.4)といった感じです。セレクトボックスのオプション項目の食品は、朝食・昼食問わず、同一です。食品1・2は選択されない場合もあります。もっと簡単に作れる入力書式などの変更も考えましたが、諸事情により、この方式の入力・結果表示が必要なんです。なにぶんボランティアサークルで予算も何もなくHP作成を外部に依頼するのも不可能です。少し出来る人が作っている程度です。他に頼る人もいないので、出来なければ諦めざるえない状況なんで今、本を読みながら独学で作っています。どうかお助けください。厚かましいですが、よろしくお願いします。 <HEAD> <SCRIPT language="JavaScript"> function calc(){ var A = var B = var C = var D = var E = document.f1.answer.innerText = (A*0.1)+(B*0.2)+(C*0.3)+(D*0.4); } window.onload=calc; </SCRIPT> </HEAD> <BODY> <form id="f1"> 計算結果の計算式<BR> 【カロリー(answer)=(A*0.1)+(B*0.2)+(C*0.3)+(D*0.4)】<BR> カロリー<INPUT size="20" type="text" name="answer"><BR> <BR> 朝食<BR> 食品1<SELECT name="s11"> <OPTION value="0" selected>選択項目</OPTION> <OPTION value="1">ご飯</OPTION> <OPTION value="2">肉</OPTION> <OPTION value="3">魚</OPTION> <OPTION value="4">野菜</OPTION> <OPTION value="5">牛乳</OPTION> </SELECT>　左で選択した項目のグラム<INPUT size="10" type="text" value="0" onchange="calc()" ><BR> 食品2<SELECT name="s12"> <OPTION value="0" selected>選択項目</OPTION> <OPTION value="1">ご飯</OPTION> <OPTION value="2">肉</OPTION> <OPTION value="3">魚</OPTION> <OPTION value="4">野菜</OPTION> <OPTION value="5">牛乳</OPTION> </SELECT>　左で選択した項目のグラム<INPUT size="10" type="text" value="0" onchange="calc()" ><BR> <BR> 昼食<BR> 食品1<SELECT name="s21"> <OPTION value="0" selected>選択項目</OPTION> <OPTION value="1">ご飯</OPTION> <OPTION value="2">肉</OPTION> <OPTION value="3">魚</OPTION> <OPTION value="4">野菜</OPTION> <OPTION value="5">牛乳</OPTION> </SELECT>　左で選択した項目のグラム<INPUT size="10" type="text" value="0" onchange="calc()" ><BR> 食品2<SELECT name="s22"> <OPTION value="0" selected>選択項目</OPTION> <OPTION value="1">ご飯</OPTION> <OPTION value="2">肉</OPTION> <OPTION value="3">魚</OPTION> <OPTION value="4">野菜</OPTION> <OPTION value="5">牛乳</OPTION> </SELECT>　左で選択した項目のグラム<INPUT size="10" type="text" value="0" onchange="calc()" ><BR> 　</FORM> </BODY>

Java 計算結果の表示ボックスの書式を変えたい