javascript - javascript 所需的总数

Question

我有一个 javascript 查询。请检查下图

在上图中:

• 第一个输入框是描述
• 第二个输入框是数量
• 第三是值(value)

我使用下面的文本框更改脚本获得了总数量:

function findTotal(){
    var total = 0;
    var $changeInputs = $('input.qtyValue');
    $changeInputs.each(function(idx, el) {
      total += Number($(el).val());
      });

  $('.total').text(total);
  $("#totalvval").val(total);
}

我使用以下方法获得了总值(value):

   function qfindTotal(){
    var total = 0;
    var $changeInputs = $('input.qqtyValue');
    $changeInputs.each(function(idx, el) {
        total += Number($(el).val());
        });

    $('.qtotal').text(total);
  $("#totalqval").val(total);
  if(total>10000){
      alert("Amount should not be greater than 10000");
  }
}

我的查询是我们需要总计数量 x 值 + 数量 x 值 + 数量 x 值 = 总计

Answer 1

你可以尝试这样的事情:

Fiddle

代码

function createHTML() {
  var html = "";
  for (var i = 0; i < 3; i++) {
    html += "<input type='text' class='qty' id='txtQty_" + i + "' onblur='updateTotal()' />";
    html += "<input type='text' class='cost' id='txtQty_" + i + "' onblur='updateTotal()'/>";
    html += "<br/>"
  }

  html += "Qty Total: <span id='qty_total'>0</span>";
  html += "Cost Total: <span id='cost_total'>0</span>";
  document.getElementById("content").innerHTML = html
}

function updateTotal() {
  var qty = document.getElementsByClassName("qty");
  var cost = document.getElementsByClassName("cost");

  var total_qty = 0;
  var total_cost = 0;

  for (var i = 0; i < qty.length; i++) {
    if (qty[i].value && cost[i].value) {
      total_cost += qty[i].value * cost[i].value;
      total_qty += parseInt(qty[i].value);
    }
  }
  document.getElementById("qty_total").innerHTML = total_qty;
  document.getElementById("cost_total").innerHTML = total_cost;

}

(function() {
  createHTML();
})()

<div id="content"></div>