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

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

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

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

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

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

---

请帮忙。

如果你知道原因，为什么会这样

是输入类型为submit的完全提交，还是使用$.post（）的ajax提交

---

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

imho这应该是一个评论而不是回答。这是一个完整的提交，是的。你能给我解释一下如何改变这个吗？问题是我已经有了一个php模块，用于我正在使用的CMS，该模块处理表单，将行插入数据库，执行所有验证，并在提交表单时自动向不同的人发送电子邮件。我正在使用的模块对流程逻辑有非常强大的控制，这意味着我可以在提交表单的各个点上使用自己的函数。例如，在验证之后、发送电子邮件之前等。

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