MktoForms2.whenReady(function(form) {
var checkboxValues = [];
var totalValue = 0;
var sumElement = document.getElementById("sumElement"); // Replace "sumElement" with the ID or selector of the element where you want to display the sum
form.getFormElem().find('[type="checkbox"]').on('change', function() {
checkboxValues = form.getFormElem().find('[type="checkbox"]:checked').filter(function() {
// Filter out checkboxes based on their name or ID
return this.name !== "excludeCheckbox1"
}).map(function() {
return parseInt(this.value);
}).get();
totalValue = checkboxValues.reduce(function(sum, value) {
return sum + value;
}, 0);
sumElement.textContent = totalValue; // Update the content of the sum element with the calculated total value
});
});
In this code, you need to customize the exclusion logic based on the name or ID of the checkboxes you want to exclude from the sum calculation. Replace "excludeCheckbox1" with the actual ID of the checkbox you want to exclude (e.g., you might have an Email Opt-In checkbox that you may not want to include for computing the sum). You can add additional checkboxes too if you want to exclude them from computing the sum when checked. The filter() method is used to exclude the checkbox based on their ID. Only the checkboxes that don't match the exclusion criteria will be included in the checkboxValues array and used for calculating the sum. Also, replace "sumElement" with the ID or selector of the HTML element where you want to display the sum. Make sure the element exists in your HTML markup. The logic would remain same for the radio fields too, you'd read their parse their numeric values, sum them up, and display it. I deployed it on a test page here.
.png)