c# - 在 JavaScript 计算后保存时值不会更新

Question

我的表单上有几个文本框。费用很少，还有余额。

当费用文本框发生变化时，我使用javascript来计算余额，如下所示:

$(document).ready(function () {


    // add up main numbers
    $("input[class*='add']").change(function (event) {
        var sum = 0;
        var subsum = 0;
        var num = 0;
        $("input[class*='add']").each(function (event) {
            num = parseInt($(this).val()) || 0;
            sum = sum + num;
        });
        $("input[class*='minus']").each(function (event) {
            num = parseInt($(this).val()) || 0;
            sum = sum - num;
        });
        $("input[class*='addcost']").each(function (event) {
            num = parseInt($(this).val()) || 0;
            subsum = subsum + num;
        });
        var balance = $("input[id*='txtBegBal']").val() - sum;
        $("input[id*='txtEnding']").val(balance);
        $("input[id*='txtTotalCost']").val(subsum);
    });

结果在屏幕上显示正确，但是当我单击“保存”时，txtTotalCost 仍然在 javascript 更新之前显示该值，因此它不会正确保存。

有人可以指出我正确的方向吗？

我在 if (!Page.IsPostBack) 中完成所有填充。我为“费用”更改的值可以很好地传递，只是计算字段没有传递。

Answer 1

这里只是猜测，但是 txtTotalCost 是否被禁用？禁用的文本字段不会像这样更新，因为禁用时客户端浏览器不会将表单数据发送回服务器。在这种情况下，您将获得 View 状态中的旧值。尝试启用它，或者您可以使用标签和隐藏的输入字段。