Как добавить значения выбора переключателей и отобразить сообщение Контактная форма 7

Question

У меня есть форма в CF7, в которой я хотел бы присвоить числовое значение значению каждого выбора радиостанции, затем рассчитать (добавить) значения каждого выбора и отобразить результат на основе итога.

У меня есть структура формы, но мне нужна помощь в расчете значения значений и отображении результата.

Вот простая структура для объяснения -

Question 1: Choice A, B, C (A=1, B=2, C=3)
Question 2: Choice A, B, C (A=1, B=2, C=3)
Question 3: Choice A, B, C (A=1, B=2, C=3)
Question 4: Choice A, B, C (A=1, B=2, C=3)
Question 5: Choice A, B, C (A=1, B=2, C=3)

Теперь уже задано определение, которое будет означать:

1-7 = Not so good
7-14 = Good
14+ = Excellent

Если я выберу, скажу:

B, C, B, A, B, из Вопроса 1 - 5 соответственно, затем будет вычислено 10 (2 + 3 + 2 + 1 + 2) и будет отображено определение «Хорошо».

Спасибо за любую помощь.

Я нашел этот пост , который похож, но я не уверен, что он может работать.

    var calc = function() {
    var no = $('#no').val();
    var g1 = $('input[name="g1"]:checked').val();
    var g2 = $('input[name="g2"]:checked').val();

    var simple = no * 10;
    $('#simple').val(simple.toFixed());

    var complex = (no * g1 * 30) + (no * g2 * 100);
    $('#complex').val(complex.toFixed());
}

    $('#no, input[name="g1"], input[name="g2"]').on('change', function() {
    calc();
    });

    <form id="form45" action="" class="">
    <ul>
    <li>
      <input type="radio" name="radio-q1" value="Water">
      <span>Water</span>
    </li>
    <li>
      <input type="radio" name="radio-q1" value="Sportsdrink">
      <span>Sportsdrink</span>
    </li>
    <li>
      <input type="radio" name="radio-q1" value="Milk">
      <span>Milk</span>
    </li>
    </ul>
    <div>
    <button type="submit" class="btn red"><i aria-hidden="true"></i> Calculate Risk</button>
    </div>
    <input type="hidden" name="source" value="">
    </form>