使用ajax从文本框中动态更改计算

Question

我这里有场景，输入和显示页面是根据php代码动态生成的。 在这里输入代码

<div>Aeroplane</div>
   <input id="Item556" type='number' onchange="funCal('Item556', this.value, 'Aeroplane')">
   <input class="disp" name="Item556" type="text" disabled>

  <div>Plane</div>
  <input id="Item557" type='number' onchange="funCal('Item557', this.value, 'Plane')">
  <input class="disp" name="Item557"  type="text" disabled>

  <div>Bikes</div>
  <input id="Item558" type='number' onchange="funCal('Item558', this.value, 'Bikes')">
  <input class="disp" name="Item558" type="text" disabled >

  <div>Cars</div>
  <input id="Item559" type='number' onchange="funCal('Item559', this.value, 'Cars')">
  <input class="disp" name="Item559"  type="text" disabled >

Ajax是：

function funCal(ID, value, name){
    var ID1 = ID;   var value1 = value; var name1 = name;
                $.ajax({
                    type:"post",
                    url:"calculate.php",
                    data: "id="+ID1+"&value="+value1,
                    cache: false,
                    dataType: 'json',
                    success:function(data){
                    <span>pound;+ data.output +</span>

//added similar to self.next().val(data.output); and tweak around it to work.
updateTotal();
                            }
                    });     
            };
);

function updateTotal() {
var total = 0;

$("input.disp").each(function() {
    getPrices = parseFloat($(this).val().replace(/,/g, ''));
    total += getPrices;
});

$("span#total").html("&pound;" + total.toFixed(2)).digits();

}

1。 我要实现的是，当在输入框中输入值时，相应的框（带有“ disp”类的框应显示计算出的值。）例如，在带有名称的输入框上，ajax成功值之后，将显示带有Item559的输入id。项目559”。 任何专家的建议都将是有价值的，并且将受到赞赏，因为我对ajax和php还是很陌生。---我得到了Bhadra在下面第2条建议中的第一个答案。 如何从input.disp框中求和或求和？ 建议或推荐，不胜感激！ 提前致谢

Answer 1

function updateTotal() {
var total = 0;

$(".disp").each(function() {
    var getPrices = parseFloat($(this).val().replace(/,/g, '').replace('pound;',''),10);
    total += getPrices;
});

$("span#total").html("£" + total.toFixed(2)).digits();

}