Layui表格数据值相加（一）

最新推荐文章于 2025-05-13 16:11:41 发布

原创

最新推荐文章于 2025-05-13 16:11:41 发布 · 7.7k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了如何在Layui表格中实现数据值的相加。通过遍历表格数据，将应交、自付、记账和总金额分别相加，并将结果显示在输入框中。在数据渲染完成后，利用done回调进行表格以外元素的渲染。需要注意的是，当表格数据较多时，需将字符串类型转换为数值类型，以确保显示的是所有数据的总和，而非累加值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发工具与关键技术： Visual Studio    done回调
作者：黎凤焕
撰写时间：2019年  7 月 19 日

 Layui表格列数据（金额数据列的数据自动相加）相加，将总金额赋值给input框，input框里的到的是合计后的金额，将计算出来的总金额数赋值给总金额的文本框。合计的金额不传到数据库上，只是显示在页面上，将计算出来的总金额赋值给总金额的input框，将值传到数据库里。

在这里插入图片描述

done: function (res, curr, count) {
var defray = 0, SelfPay = 0, bookkeepingSum = 0, TotalSum = 0;
for (var i = 0; i < res.data.length; i++) {
defray += parseFloat(res.data[i].defray).toFixed(2);//应交
SelfPay += parseFloat(res.data[i].SelfPay).toFixed(2);// 自付
bookkeepingSum += parseFloat(res.data[i].bookkeepingSum).toFixed(2);//记账
TotalSum += parseFloat(res.data[i].TotalSum).toFixed(2);//总金额
}
$("#searchdefray").val(defray.toString().substring(1, defray.toString().length)); $("#searchSelfPay").val(SelfPay.toString().substring(1,SelfPay.toString().length)); $("#searchbookke