Question

请查看链接jsfiddle。

每个文本框都有单独的ID。

function calculation(id)
{
 var quantity = document.getElementById("qty"+id).value;
 var unit_price = document.getElementById("unit"+id).value;
 var total_price = quantity * unit_price;
 document.getElementById('total_price'+id).value = total_price;
}

我想要总价格的总和并在最终价格上显示。提前致谢

Answer 1

删除onchange="calculation(id)＆＃34;从所有输入调用并放在document.ready

中的jquery函数下面

$(document).delegate
('input[id^="qty"],input[id^="unit"]',
 "keyup",function()
{
   var indexVal = $(this).attr('alt');     
   $('#total_price'+indexVal).val(
        $('#qty'+indexVal).val() * $('#unit'+indexVal).val()
    );
  var finalTotalPrice = 0 ;     
   $("input[id^='total_price']").each(function(){
       finalTotalPrice = parseInt(finalTotalPrice) + parseInt($(this).val());
   });
   $("input[name='final_price']").val(finalTotalPrice); 
});

工作JSFiddle

并显示所选折扣

$(document).delegate('select[class="discount"]',"change",function(){
    var discVal = $(this).val();
           $(this).parent().next().children(":nth-child(1)").val(discVal);
});

工作JSFiddle

添加文本框值并在jquery添加行功能的另一个文本框中显示

1 个答案: