发布表单时，jQuery 选择器更新的值会被重置 - 如何防止？

Question

我有一个由复选框、选择框等组成的 HTML 表单，每个表单都有一个数值，我使用 jQuery 选择器将总数相加，并在单独的 div 中显示数字。这是一个：

    <label for="OptionalExtra">
        <p><input name="OptionalExtra" type="checkbox" class="calc" value="200" /> Add £200</p>
    </label>

然后我使用 :checked 选择器循环遍历它们，将总数加起来。

    $('label').change(function() {
        var total = 0;
        $('.calc:checked').each(function() {
            total += parseInt($(this).val());
        });
    });

然后我可以在其他地方显示这个总数。

但是，当我提交表单时，保存我计算值的 div 仍然存在（我确实想要这个），但是值重置（我不想要这个 - 我需要它来显示之前计算的值)。

当然，我知道为什么会这样，但我不知道如何阻止它！

请帮忙。

Answer 1

如果你知道为什么，为什么会发生呢？

是输入 type=submit 的完整提交，还是 $.post() 的 ajax 提交？

这听起来像是一个完整的提交 - 这意味着您的整个页面都从服务器重新发送，并且您计算的 div 将恢复到它的原始值。