jQuery技术:jQuery:使用列值的算术运算和更新时的更新

我有一个表,对于每一行,我必须计算一些算术运算的结果并将其呈现在不同的列上。 当任何输入发生变化时,必须重新计算这些操作。

这是包含样本数据的表的结构:

到目前为止,我收到了帮助,介绍了第五栏的结果:

 $(document).ready(function() { $('.toBeCalced').change(function() { var row = $(this).closest('tr'); var valuesToSum = row.find('.toBeCalced'); var total = 0; $.each(valuesToSum, function(index, item) { total += parseInt($(item).val()); }); var totalInput = row.find('.sumtotal')[0]; $(totalInput).val(total); }); }); 

当我需要将第三列用于不同于和的操作时,问题出现了,因为我使用的jQuery将所有具有类toBeCalced的输入toBeCalced

是否可以使用这些输入的name来区分? 例如:

 //Add a name to this input @Html.DisplayFor(modelItem => machine.CoinValue) $(document).ready(function() { $('.toBeCalced').change(function() { var row = $(this).closest('tr'); var valuesToSum = row.find('.toBeCalced'); var MultiplyInput1 = row.find('td[name=CoinValue]'); //new var MultiplyInput2 = row.find('input[name=Validos]'); //new var total = 0; var multiplyresult = 0; //new $.each(valuesToSum, function(index, item) { total += parseInt($(item).val()); //multiply and present the result in input:name'ProductTotal' }); var totalInput = row.find('.sumtotal')[0]; $(totalInput).val(total); }); }); 

这是我的想法,但我真的不知道如何把它放在代码中。

      以上就是jQuery教程分享jQuery:使用列值的算术运算和更新时的更新相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/557951.html

      (0)
      上一篇 2021年1月26日
      下一篇 2021年1月26日

      精彩推荐