Adding a counter to a numeric column direction grid

Question

I have a column direction grid. All responses are numeric. We are collecting %'s.

2 columns. Anywhere from 5-10 rows (waiting approval on these details).

I'd like to place a total % counter somewhere on the page which simply adds up the total of all numeric cells.

I would also like to ensure the total adds to 100%.

Seeking suitable JavaScript to assist.

Kind regards.

Answer 1

The scripts you're looking for:

<span class="gridtotal"></span>

<script>
$(document).ready(updateGridTotal);
$(document).on('keyup', '#[% QuestionName() %]_div .numeric_input', updateGridTotal);

function updateGridTotal() {
    var total = 0;
    $('#[% QuestionName() %]_div .numeric_input').each(function(){
        total += SSI_GetValue(this.id);
    });
    $('.gridtotal').text(total);
}
</script>

var total = 0;
$('#[% QuestionName() %]_div .numeric_input').each(function(){
    total += SSI_GetValue(this.id);
});
if (total != 100) {
    strErrorMessage = 'Error';
}

Comments

Thanks Zachary. Apologies for not getting back to you sooner. It was one of those days!

I'll test this out tomorrow and report back to this post.

As usual, thank you for the wonderful support. Onya mate!