javascript - Javascript / Jquery - 多次更改（函数（）

Question

我对 Jquery / JS 有点陌生，经过一点帮助。我意识到希望有更好的方法来做到这一点，任何帮助将不胜感激。

我正在构建一个可以计算总数的表格。那是：

'成本' x '(1 + 百分比(%))' = '总成本'

我让它工作得很好，虽然我想这样做，以便如果我更改“百分比”字段或“成本”字段，那么总金额会更新。目前只有当你更新'成本'时才会更新总价。

希望这是有道理的。代码如下。

$(document).ready(function(){

$("#cost").change(function() { 
var findprofit = parseFloat($("#cost").val());
var profit = (findprofit*.01)
var margin = parseFloat($("#percentage").val());
var total = profit*margin;
$(".profit_1_1").html(total);
var totalprofit = (total + findprofit);
$("#total").val(totalprofit);
});

<input type="text" name="cost" id="cost"  />
<input type="text" name="percentage" id="cost" percentage />
<input type="text" name="total" id="total" readonly />

Answer 1

$("#cost, #percent").change(function() { 
    ...
});

应该做的伎俩。

编辑：你需要给你的百分比输入一个“百分比”的ID。两个元素可能没有相同的 ID。

<input type="text" name="cost" id="cost"  />
<input type="text" name="percentage" id="percent" percentage />
<input type="text" name="total" id="total" readonly />

另外我不确定输入末尾的“百分比”是多少。百分比不是有效属性。