基于JavaScript的总体计算_Javascript_Sum

基于JavaScript的总体计算

javascript

基于JavaScript的总体计算,javascript,sum,Javascript,Sum,我有一个表单模板，我正在研究如何使用dropbox quantity向产品尺寸添加更多字段，并计算所有尺寸的总和到总价计算中，代码如下 <script type="text/javascript"> JotForm.setConditions([{"action":[{"field":"2","visibility":"Hide"}],"index":0,"link":"Any","priority":"0","terms":[{"field":"4","operator":"isE

我有一个表单模板，我正在研究如何使用dropbox quantity向产品尺寸添加更多字段，并计算所有尺寸的总和到总价计算中，代码如下

<script type="text/javascript">
JotForm.setConditions([{"action":[{"field":"2","visibility":"Hide"}],"index":0,"link":"Any","priority":"0","terms":[{"field":"4","operator":"isEmpty","value":false},{"field":"5","operator":"isEmpty","value":false},{"field":"13","operator":"isEmpty","value":false},{"field":"9","operator":"isEmpty","value":false}],"type":"field"}]);

JotForm.init(function(){

  setTimeout(function() {
      $('input_13').hint('ex: myname@example.com');
   }, 20);
  productID = {"0":"input_3_1001","1"};
  paymentType = "product";
  JotForm.setCurrencyFormat('BRL',true);
  JotForm.totalCounter({"input_3_1001":{"price":"42","quantityField":"input_3_quantity_1001_0"}});
  JotForm.highlightInputs = false;

})；

HTML

这个怎么样？我只将其简化为简单的Javascript

<html>

<script type="text/javascript">

var prices = {item1:5.5, item2:32, item3:11.2, item4:33.7};

function getTotal() {
    var total = 0;
    for (id in prices) {
        total += prices[id]*document.getElementById(id).value;
    }
    document.getElementById('total').innerHTML = total;
}

</script>

<body>
<input class="form-checkbox" type="checkbox" id="product" value="1001" />
Camisa Social Feminina Manga Curta
<br>
Branca/Detalhe Marinho (Panama)
<b>
R$
<span id="total">
0.00
</span>
</b>
<br>
<br>

<select id="item1" onchange="getTotal()">
 <option>0<option>1<option>2<option>3<option>4<option>5<option>6<option>7<option>8<option>9<option>10</option>
</select>

<select id="item2" onchange="getTotal()">
 <option>0<option>1<option>2<option>3<option>4<option>5<option>6<option>7<option>8<option>9<option>10</option>
</select>

<select id="item3" onchange="getTotal()">
 <option>0<option>1<option>2<option>3<option>4<option>5<option>6<option>7<option>8<option>9<option>10</option>
</select>

<select id="item4" onchange="getTotal()">
 <option>0<option>1<option>2<option>3<option>4<option>5<option>6<option>7<option>8<option>9<option>10</option>
</select>

</body>
</html>

谢谢你的帖子，但我正在寻找一个解决方案，很抱歉我和你一样处理这个问题，我只是想为我母亲解决这个问题，因为我母亲没有足够的钱支付任何人来做这个。谢谢你的帮助。

<html>

<script type="text/javascript">

var prices = {item1:5.5, item2:32, item3:11.2, item4:33.7};

function getTotal() {
    var total = 0;
    for (id in prices) {
        total += prices[id]*document.getElementById(id).value;
    }
    document.getElementById('total').innerHTML = total;
}

</script>

<body>
<input class="form-checkbox" type="checkbox" id="product" value="1001" />
Camisa Social Feminina Manga Curta
<br>
Branca/Detalhe Marinho (Panama)
<b>
R$
<span id="total">
0.00
</span>
</b>
<br>
<br>

<select id="item1" onchange="getTotal()">
 <option>0<option>1<option>2<option>3<option>4<option>5<option>6<option>7<option>8<option>9<option>10</option>
</select>

<select id="item2" onchange="getTotal()">
 <option>0<option>1<option>2<option>3<option>4<option>5<option>6<option>7<option>8<option>9<option>10</option>
</select>

<select id="item3" onchange="getTotal()">
 <option>0<option>1<option>2<option>3<option>4<option>5<option>6<option>7<option>8<option>9<option>10</option>
</select>

<select id="item4" onchange="getTotal()">
 <option>0<option>1<option>2<option>3<option>4<option>5<option>6<option>7<option>8<option>9<option>10</option>
</select>

</body>
</html>