The total will be a running one as you fill in the numbers

Preview your form and find the div id of the total you want to work with and make a note of it.

For me my total id was item2_number_1. Your may be different.

To use this script add a html element to your form and paste this into it. Adjust the id to match yours.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script>$(document).ready(function(){
$(".sumtotal").each(function() {
$(this).keyup(function(){
calculateSum();
});
});
});
function calculateSum() {
var sum = 0;
$(".sumtotal").each(function() {
if(!isNaN(this.value) && this.value.length!=0) {
sum += parseFloat(this.value);
}
});
$("#item2_number_1").val(sum.toFixed(2));
}</script>

To have the total inaccessible to the users open the myformname.html after you do the manual export and add readonly to the elements html code.

<input name="total" id="item2_number_1" type="number" min="0" max="999999999"
step="1" data-hint="" autocomplete="off" readonly />

The second thing to do after you export your form is to add the class="sumtotal" to all the inputs you want to sum.

<input name="amount" class="sumtotal" id="item1_number_1" type="number" min="0" max="999999999"
step="1" data-hint="" autocomplete="off" />