У меня есть HTML-форма, состоящая из флажков, полей выбора и т. Д., Каждая из которых имеет числовое значение, для которого я использую селекторы jQuery для суммирования итогов и отображения числа в отдельном элементе div. Вот один из них:
<label for="OptionalExtra">
<p><input name="OptionalExtra" type="checkbox" class="calc" value="200" /> Add £200</p>
</label>
Затем я использую: флажок, чтобы просмотреть их все, добавив итог.
$('label').change(function() {
var total = 0;
$('.calc:checked').each(function() {
total += parseInt($(this).val());
});
});
Затем я могу отобразить эту сумму в другом месте.
Однако, когда я отправляю форму, div, содержащий мое вычисленное значение, остается там (я хочу это), но значение сбрасывается (я не хочу этого - мне нужно, чтобы показать ранее вычисленное значение ).
Конечно, я знаю, почему это происходит, но я не знаю, как это остановить!
Пожалуйста, помогите.