我有这行代码存在于部分视图中。Jquery 代码驻留在承载部分视图的索引页面中
<div class="paythisamountbtn">@Html.ActionLink(T("Pay This Amount"), "InvoiceCheckout", null, new { @target = "InvoiceCheckout", @class = "amebtn" }): @String.Format("{0:C}", Model.TotalDue)</div>
我在每一行数据上都有一个复选框。这一切都在一个网络网格中。下面是它的样子
@{
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);
}
当我选中和取消选中复选框时,我希望能够在它们更改时在下面的行中显示总数。目前警报让我得到新的总数
<div class="paythisamountbtn">@Html.ActionLink(T("Pay This Amount"), "InvoiceCheckout", null, new { @target = "InvoiceCheckout", @class = "amebtn" }): @String.Format("{0:C}", Model.TotalDue)</div>
我试着做 $('.paythisamountbtn').val(s); 但是当我选中和取消选中复选框时,totaldue 不会改变。
请问我该怎么做?