Contact form 7 обработка checkbox до отправки формы

Есть интересная задачка.

Суть в следующем: Существует форма из 4 шагов, выводится в модальном окне, шаги подгружаются на ajax. На первых трех шагах пользователь отвечает на вопросы чекбоксами (первый шаг - вопрос: Что умеете делать? варианты: рисовать, кодить, писать | остальные шаги по аналогии), на четвертом шаге ему необходимо показать результат исходя из поставленных им чекбоксов (например: Художник: 4 из 18, Блогер: 11 из 18, Программист: 0 из 18), чтобы пользователь определился в чем он сильнее и ниже расположить поля с телефоном, мылом, селект на профориентацию и т.д. и еще ниже кнопка ОТПРАВИТЬ.

Таким образом я так понимаю, что мне необходимо в function.php написать функцию, которая обработала бы чекбоксы по нажатию на кнопку при переходе с 3 шага на 4?

Вот как это по-идее должно выглядеть:

[ШАГ1]
1. Что вы умеете?
[checkbox* checkbox-801 use_label_element "рисовать" "кодить" "писать истории"]
<button>Продолжить</button>
[ШАГ2]
2. Что еще умеете?
[checkbox* checkbox-802 use_label_element "еще рисовать" "еще кодить" " еще писать истории"]
<button>Назад</button> <button>Продолжить</button>
[ШАГ3]
3. Что еще?
[checkbox* checkbox-803 use_label_element "снова рисовать" "снова кодить" "снова писать истории"]
<button>Назад</button> <button>Продолжить c выполнением функции</button>
[ШАГ4]
Ваша профориентация:
[показать результаты подсчета чекбоксов]
Исходя из них вы можете зарегистрироваться
[select* menu-508 include_blank "Художник" "Кодер" "Блогер"]
[text your-name]
[email your-email]
<button>Назад</button> <button submit>ОТПРАВИТЬ</button>

Обработка чекбоксов идет следующим образом: из первого массива checkbox-801: 2,4,11 - прибавляют по +1 к переменной художника, а 1,3,6 +1 к переменной кодера

из второго массива checkbox-802: 1,2,3 - +1 к художнику, а 1,3,4 + 1 к блогеру и т.д. главное что один чекбокс может дать +1 как блогеру так и художнику.

Вывод результатов простенькой визуально понятной диаграммой типа:

<h1>Художник</h1>
<div style="width:100%; background: #000">
   <div style="width: calc(<подставить переменную от художника>/18*100)%; background: #ff0000">
   </div>
</div>
<h1>Кодер</h1>
<div style="width:100%; background: #000">
   <div style="width: calc(<подставить переменную от кодера>/18*100)%; background: #ff0000">
   </div>
</div>
<h1>Блогер</h1>
<div style="width:100%; background: #000">
   <div style="width: calc(<подставить переменную от блогера>/18*100)%; background: #ff0000">
   </div>
</div>

Реализуема ли данная задача с помощью одного лишь плагина contact form 7? Возможно ли выполнить функцию подсчета результатов ДО submit формы?