![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
どうぞよろしくお願いいたします。
javascriptで計算させて、計算テキストボックスの中に文字と計算結果を混在させたいのですが
できるのかどうかすらわかりません。
どうぞよろしくおねがいいたします。
サンプルはこれです。
http://www.k-net.co.jp/sample_java.html
こちらのサイトの
2JavaScriptで計算するというやつです。
(サンプルをコピペしたら、ここの800文字の制限にひっかかりました。)
これを実行すると最後に
金 額 | ̄ ̄ ̄ ̄ ̄| +消費税 | ̄ ̄ ̄ ̄ ̄| = 総合計 | ̄ ̄ ̄ ̄ ̄|
 ̄ ̄ ̄ ̄ ̄  ̄ ̄ ̄ ̄ ̄  ̄ ̄ ̄ ̄ ̄
テキストとテキストボックス交互に表示されますが、
この表現を
| ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄|
| 金額 ○○円 + 消費税 ○○円 = 総合計 ○○円 |
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
と 1つの長いテキストボックスで表現するにはどうすればいいのでしょうか?
理由はそのまま、メール発信したいのですが、
細切れにわかれているより1つの方がいいからです。
どうぞよろしくお願いいたします。
No.1ベストアンサー
- 回答日時:
元サンプルが効率的じゃないですね
ある程度配列化するとすっきりすると思います。
<script language="JavaScript">
data=Array(
Array("りんご","パイナップル","サクランボ","スイカ","みかん"),
Array(100,300,1500,980,1980),
Array("個","個","箱","個","箱")
);
function sumup(f) {
goukei=0;
for(var i=0;i<data[0].length;i++){
goukei += data[1][i] * f.elements["chumon"+i].value;
}
if (goukei > 0){
var tax = goukei * 0.05
var total = goukei + tax;
f.elements["goukei"].value="金額 "+goukei+"円 + 消費税 "+tax+"円 = 総合計 "+total+"円";
}
}
</script>
<center>
<form>
<table border=1 width=90%>
<tr nowrap>
<th width=55%>商 品</th>
<th width=10%>価 格</th>
<th width=13%>注文数</th>
<th width=12%>注文する</th>
</tr>
<script language="JavaScript">
for(var i=0;i<data[0].length;i++){
document.write("<tr>");
document.write("<td>"+data[0][i]+"</td>");
document.write("<td align=right>"+data[1][i]+"円</td>");
document.write("<td align=right><input type=text value='' size=3 maxlength=3 name='chumon"+i+"'>"+data[2][i]+"</td>");
document.write("<td align=center><input type='checkbox' value='' onClick='sumup(this.form)'></td>");
document.write("</tr>");
}
</script>
</table>
<p>
<input name="goukei" type="text" value="" size=100 readonly>
<p>
<input type=reset value="やり直す">
</form>
</center>
No.2
- 回答日時:
>文字と計算結果を混在
単純に + で連結すればいいです。
TEXT1.value="金額 " + keisankekka + "円 + 消費税" + tax + …
のようにすればいいです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
入力チェックの外部スクリプト...
-
複数のselect値で1つも選択され...
-
formで項目を連結したい
-
テーブル内のチェックボックス...
-
Javascriptの電卓で最初の何も...
-
Java Scriptで・・・
-
チェックボックス付きのテーブ...
-
jQuery テキストボックス読み取...
-
ハイパーリンクを別ウインドウ...
-
<input>の選択肢をプルダウンメ...
-
至急!GetElementById でtdの...
-
TextBoxに半角数字以外を入れた...
-
value内に変数を入れたい
-
<JavaScript>tableタグを入力不...
-
プルダウン 項目が多いので先頭...
-
画面表示とともに、テーブルの...
-
プルダウン選択を変更すると、...
-
TD内のチェックボックスの位置...
-
Jvasvriptのlengthで個数が取得...
-
JavaScriptで特定のtdタグにcla...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
チェックボックス付きのテーブ...
-
JavaScriptの「.querySelectorA...
-
Javascriptの電卓で最初の何も...
-
formで項目を連結したい
-
文字数を数える際に空白、改行...
-
クリックしたラジオボタンの行...
-
画面表示とともにtableの指定の...
-
ラジオボタンが選択されたらテ...
-
テーブル内のチェックボックス...
-
画面の2重起動をチェックする...
-
複数のselect値で1つも選択され...
-
Formのシリアライズができない
-
入力チェックの外部スクリプト...
-
JavaScriptでテーブルのソート...
-
jQuery テキストボックス読み取...
-
動的に生成されるラジオボタン...
-
localStorageでのcheckbox制御
-
Javascriptで自動的に計算する...
-
占いのプログラムについて
-
同一nameの input type="text"...
おすすめ情報