JavaScript初心者ですが自動計算フォームを作成しようと考えています。
自分なりに調べて見ましたがどうしてもわからないことがたくさんあり実現方法をご教授いただけると助かります。
1ラジオボタンの数値を合計からマイナスする
2合計の数値が一定以上の時(仮で10000以上)送料の数値を-100から0にする
3合計金額の特定の条件の時priceの値を変える方法
4合計した時の数値の小数点の切り捨て
調べても自動計算までしか出て来ずに困っております。
html
1 2<form action="#" name="form1"> 3<table border="1" style="background-color: #ffffff;"> 4<tr> 5<td>商品画像</td> 6<td>商品1</td> 7<td align="right">106.22</td> 8<td><input type="text" name="goods1" onChange="keisan()" size="2"></td> 9<input type="hidden" name="field1" size="8" value="0"> 10</tr> 11<tr> 12<td>商品画像</td> 13<td>商品2</td> 14<td align="right">106.22</td> 15<td><input type="text" name="goods2" onChange="keisan()" size="2"></td> 16<input type="hidden" name="field2" size="8" value="0"> 17</tr> 18<tr> 19<td>商品画像</td> 20<td>商品3</td> 21<td align="right">106.22</td> 22<td><input type="text" name="goods3" onChange="keisan()" size="2"></td> 23<input type="hidden" name="field3" size="8" value="0"> 24</tr> 25<tr> 26<td> 27<input name="" type="radio" value=""> 送料(100) 28<input name="" type="radio" value=""> 速達(500) 29</td> 30</tr> 31<tr> 32<td align="right" colspan="3">合計</td> 33<td><input type="text" name="field_total1" size="8" value="0"> 円</td> 34</tr> 35</table> 36 37</form>
javascript
1function keisan(){ 2var price1 = document.form1.goods1.value * 106.22; 3document.form1.field1.value = price1; 4var price2 = document.form1.goods2.value * 106.22; 5document.form1.field2.value = price2; 6var price3 = document.form1.goods3.value * 106.22; 7document.form1.field3.value = price3; 8var total1 = price1 + price2 + price3; 9document.form1.field_total1.value = total1; 10}