在 ASP.NET CORE MVC 上使用 JavaScript 显示运行总数

Question

我想在不重新加载页面的情况下选中 Select 复选框时显示 Credit Amount 列的运行总计。在这种情况下（见下图），运行总计应打印出 38。贷方金额列是可编辑的，因此应根据用户输入相应地更新总金额。 到目前为止我的看法<table class="gridtable">        <tr>            <th>Select</th>            <th>Submit Purchase Item Status Id</th>            <th style="display:none;">Cart Order Id</th>            <th>Customer Number</th>            <th>Customer Name</th>            <th>Serial Number</th>            <th>Charged Amount</th>            <th>Credit Amount</th>            <th>State Tax</th>            <th>Credit Tax</th>            <th>Billing Start Date</th>            <th>Billing End Date</th>            <th>Invoice Number</th>            <th>Invoice Date</th>            <th style="display:none;">Cart Billable Item Id</th>            <th>Quality</th>        </tr>        @for (int i = 0; i < Model.Count; i++)        {            <tr>                <td>                    @Html.EditorFor(model => model[i].Selected)                </td>                <td>                    @Html.DisplayFor(model => model[i].SubmitPurchaseItemStatusId)                    @Html.HiddenFor(model => model[i].SubmitPurchaseItemStatusId)                </td>                <td style="display:none;">                    @Html.HiddenFor(model => model[i].CartOrderId)                </td>                <td>                    @Html.DisplayFor(model => model[i].Custnmbr)                    @Html.HiddenFor(model => model[i].Custnmbr)                </td>                <td>                    @Html.DisplayFor(model => model[i].Custname)                    @Html.HiddenFor(model => model[i].Custname)                </td>                <td>                    @Html.DisplayFor(model => model[i].Serltnum)                    @Html.HiddenFor(model => model[i].Serltnum)                </td>