Question

我有一个表单，我使用jQuery计算总金额。我为此创建的函数是updateTotal();

表单操作是另一个页面，操作页面有这个按钮：

<button class="btn btn-success" onclick="history.go(-1);" type="submit" name="edit">EDIT</button>

因此当用户点击EDIT按钮页面时，再次返回到表单（第一页），除了使用jQuery创建的重复字段外，所有填充的详细信息都在那里。样本表单位于js fiddle

如果用户通过单击EDIT（基本上是浏览返回）按钮来到表单，我只想运行此函数updateTotal();。

有没有办法在jQuery中执行此操作？

未来参考的更新 - 我解决了这个问题

HTML：

<input type="text" id="amount" name="amount[]" placeholder="Amount" required="required" class="form-control inputChangeVal reqF reqFamount" data-js-input-type="number" />

和jQuery：

jQuery(document).ready(function() {
    var hiddenTot = jQuery('.reqFamount').val() ;
    jQuery(".totalAmount").val(hiddenTot);
});

Answer 1

定义隐藏字段以存储计算值。

apache/logs/error.log

然后将计算出的值存储到隐藏字段，ID为“hiddenTotal”。

<input type="hidden" id="hiddenTotal" />

然后，当触发浏览时，浏览器会自动填充隐藏字段。接下来检查文档何时就绪，读取hiddenTotal的值并写入totalAmount。

function updateTotal() {
        var price = 0;

        $(".inputChangeVal").each(function() {
            var t = parseFloat(jQuery(this).val(), 10);
            price = price + t;
        });

        var total = price.toFixed(2);
        $(".totalAmount").val(total);
        $("#hiddenTotal").val(total);
    }

现在恢复了totalAmount。当您离开页面并使用浏览器历史记录返回时，这甚至可以正常工作。

如何使用jQuery单击后退按钮后检查页面是否出现？

1 个答案: