javascript - 将计算总和插入输入

Question

我想在 Line total: 之后计算总和:显示在输入中而不是文本中。

我尝试添加一些输入，例如:

<input id="totalline" name="totalline" value="" />

并改变这个:

var calculate = function(el) {
var percent = el.find('input[name="percent[]"]').val();
var additional = el.find('input[name="additional[]"]').val();
var total = el.find('span.total');
var totalValue = ($("#weight").val() * percent / (100 - additional)).toFixed(2);
total.text(totalValue);
}

为此:

var calculate = function(el) {
var percent = el.find('input[name="percent[]"]').val();
var additional = el.find('input[name="additional[]"]').val();
var total = el.find('span.total');
var totalValue = ($("#weight").val() * percent / (100 - additional)).toFixed(2);
$('#totalline').val(totalValue); //<-this line changed
}

但这不是我想要的。

这是我的 fiddle .

Answer 1

当页面上有多个具有相同 ID 的元素时(当您按 + 按钮添加新行时)，您正在尝试使用 ID 选择器。只需将您的选择器更改为 var total = el.find("[name='totalline']"); 即可确保您始终获取正确的输入。

它应该是这样的:

HTML

Line total: <input name="totalline" value="" />

JS

var calculate = function(el) {
  var percent = el.find('input[name="percent[]"]').val();
  var additional = el.find('input[name="additional[]"]').val();
  var total = el.find("[name='totalline']");
  var totalValue = ($("#weight").val() * percent / (100 - additional)).toFixed(2);
  total.val(totalValue);
}