初めて質問させていただきます。よろしくお願いします。
現在、Javascriptで自動計算フォームを作成しています。
下記のサイトを参考に勉強させてもらっていますが、
「数量」のプルダウンをテキストボックスに変更し、
数量を入力するようにしたいです。
しかし、なかなか完成しません。
▼参考サイト
http://www.tagindex.com/javascript/form/comp1a.h …
プルダウンからテキストボックスへ変更はできたのですが
計算結果が「NaN」になってしまいます。
どのようにしたら、テキストボックスで計算結果が出せるのでしょうか?
助けていただけますと幸いです。
どうぞ、よろしくお願いいたします。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
参考サイトを活かせばこんな感じ
<script>
function keisan(){
var tax = 8;
var price1 = document.form1.goods1.value * 500;
document.form1.field1.value = price1;
var price2 = document.form1.goods2.value * 1000;
document.form1.field2.value = price2;
var price3 = document.form1.goods3.value * 3000;
document.form1.field3.value = price3;
var total1 = price1 + price2 + price3;
document.form1.field_total1.value = total1;
var tax2 = Math.round((total1 * tax) / 100);
document.form1.field_tax.value = tax2;
document.form1.field_total2.value = total1 + tax2;
}
</script>
<form action="#" name="form1">
<table border="1" style="background-color: #ffffff;">
<tr>
<th>商品名</th>
<th>単価</th>
<th>数量</th>
<th>金額</th>
</tr>
<tr>
<td>商品サンプル1</td>
<td align="right">500円</td>
<td><input type="text" name="goods1" onChange="keisan()" value="0" size="2"></td>
<td><input type="text" name="field1" size="8" value="0"> 円</td>
</tr>
<tr>
<td>商品サンプル2</td>
<td align="right">1,000円</td>
<td><input type="text" name="goods2" onChange="keisan()" value="0" size="2"></td>
<td><input type="text" name="field2" size="8" value="0"> 円</td>
</tr>
<tr>
<td>商品サンプル3</td>
<td align="right">3,000円</td>
<td><input type="text" name="goods3" onChange="keisan()" value="0" size="2"></td>
<td><input type="text" name="field3" size="8" value="0"> 円</td>
</tr>
<tr>
<td align="right" colspan="3">合計</td>
<td><input type="text" name="field_total1" size="8" value="0"> 円</td>
</tr>
<tr>
<td align="right" colspan="3">消費税</td>
<td><input type="text" name="field_tax" size="8" value="0"> 円</td>
</tr>
<tr>
<td align="right" colspan="3"><strong>税込合計</strong></td>
<td><input type="text" name="field_total2" size="8" value="0"> 円</td>
</tr>
</table>
</form>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
チェックボックス付きのテーブ...
-
JavaScriptの「.querySelectorA...
-
JavaScriptでリストボックスに...
-
onClickで足し算をして答えを出...
-
formで項目を連結したい
-
画面の2重起動をチェックする...
-
Formのシリアライズができない
-
jQueryで合計を出したい
-
Javascriptの電卓で最初の何も...
-
return trueとreturn falseの用...
-
onchangeイベントを強制的に発...
-
<JavaScript>tableタグを入力不...
-
【javascript・PHP】プルダウン...
-
javaScriptの変数をJavaの変数...
-
プルダウン 項目が多いので先頭...
-
HTMLコンボボックスへの項目追加
-
同名ボタンのクリック時要素番...
-
連動プルダウンのclonenode
-
slickのレスポンシブ > center...
-
複数のプルダウンを1つにまとめ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
チェックボックス付きのテーブ...
-
JavaScriptの「.querySelectorA...
-
formで項目を連結したい
-
Formのシリアライズができない
-
画面表示とともにtableの指定の...
-
文字数を数える際に空白、改行...
-
クリックしたラジオボタンの行...
-
ラジオボタンを一括で操作する...
-
画面の2重起動をチェックする...
-
ラジオボタンとテキストボック...
-
Javascriptの電卓で最初の何も...
-
入力チェックの外部スクリプト...
-
JavaScriptによる自動計算フォーム
-
複数のselect値で1つも選択され...
-
javascriptで表(テーブル)の自...
-
jQueryで合計を出したい
-
localStorageでのcheckbox制御
-
JavaScriptで、コピーボタンを...
-
Javascriptで自動的に計算する...
-
WEBフォーム(asp)から画像デ...
おすすめ情報