Javascript Jquery：在选中和取消选中复选框时更改页面上的值

我有这行代码存在于局部视图中。Jquery代码驻留在承载部分视图的索引页中

        <div class="paythisamountbtn">@Html.ActionLink(T("Pay This Amount"), "InvoiceCheckout", null, new { @target = "InvoiceCheckout", @class = "amebtn" }): @String.Format("{0:C}", Model.TotalDue)</div>

@Html.ActionLink（T（“支付此金额”），“InvoiceCheckout”，null，新的{@target=“InvoiceCheckout”，@class=“amebtn”}）：@String.Format（“{0:C}”，Model.TotalDue）

我在每一行数据上都有一个复选框。这些都在webgrid中。下面是它的样子

        @{
            var gridColumns = new List<WebGridColumn>();

            gridColumns.Add(grid.Column(format: (item) => 
                {
                    var s = "<input type=\"checkbox\" name=\"InvoiceNumber\" id=\"IN" +  item.InvoiceNumber.ToString() + "\" value=\"" + item.InvoiceNumber.ToString() + "|" + item.AmountDue + "\"";
                    if (item.IsSelected) {
                        s += "checked=\"true\"";
                    }
                    s+= "/>";
                    return s;
                }
                    , style: "box"));

        ...
        ...
        ...
        }

        function SetViewSelected(c) {   
                var s = 0;
                for (i = 0; i < $("input[name='InvoiceNumber']:checked").length; i++) {
                    invoice_details = $("input[name='InvoiceNumber']:checked")[i].value;
                    invoice_amount = invoice_details.split("|")[1];
                    s += parseFloat(invoice_amount);
                }
                alert(s);
                //$('.paythisamountbtn').val(s);
        }

@{
var gridColumns=新列表（）；
gridColumns.Add（grid.Column）（格式：（项）=>
{
var s=“”；
返回s；
}
，式样：“盒子”）；
...
...
...
}
函数SetViewSelected（c）{
var s=0；
对于（i=0；i<$（“输入[name='InvoiceNumber']：选中”）。长度；i++）{
发票详细信息=$（“输入[name='InvoiceNumber']：选中”）[i]。值；
发票金额=发票明细。拆分（“|”）[1]；
s+=浮动（发票金额）；
}
警报；
//$（'.paythisamountbn'）.val；
}

当我勾选和取消勾选复选框时，我希望能够在下面的行中显示它们变化时的总数。现在警报给了我新的总数

        <div class="paythisamountbtn">@Html.ActionLink(T("Pay This Amount"), "InvoiceCheckout", null, new { @target = "InvoiceCheckout", @class = "amebtn" }): @String.Format("{0:C}", Model.TotalDue)</div>

@Html.ActionLink（T（“支付此金额”），“InvoiceCheckout”，null，新的{@target=“InvoiceCheckout”，@class=“amebtn”}）：@String.Format（“{0:C}”，Model.TotalDue）

我试过做$（'.paythisamountbn'）.val（s）；但是当我勾选和取消勾选复选框时，totaldue不会改变

---

我该怎么做呢？

使用

.text

作为

div

$('.paythisamountbtn').text(s)

---

要更新属性值，必须执行以下操作：

   $('.paythisamountbtn').text(parseInt($('.paythisamountbtn').text())+5);

要在每次单击其中一个复选框时更新该值，可以执行以下操作：

$('#checkbox1').change(function() {
    if($(this).is(":checked")) {
        UpdateValueNow();
    }     
});

---

我有一个初始总数，这是加载此页面时加载的。该值现在已消失。我需要保留页面加载时显示的初始总值。这个代码不会影响页面加载的值，问题在别处。