Как Datalayer.push флажок переменной

Question

Я надеялся, что кто-нибудь может помочь мне выяснить, как получить datalayer.push данные из флажков, которые пользователь выбрал в форме при отправке. Форма имеет много полей, но мне нужны только флажки, которые были выбраны.

Вот так выглядит форма (она имеет 4 таких флажка)

<div class="form-choice-group ">
  <div class="form-check form-check--text-normal ">
    <input data-validetta="minChecked[1]" data-vd-parent-up="2" data-vd-message-minChecked="Vali vähemalt 1 teenus" type="checkbox" id="check-grey-0" class="form-check__input" name="teenused[]" value="IT (ITH, Office 365, seadmemajutus, IoT jne)">
    <label for="check-grey-0" class="form-check__label ">
                                <span class="form-check__indicator">
                                    <svg class="icon form-check__icon">
                                        <use xlink:href="/tk-telia-theme/images/icons.svg#check"></use>
                                    </svg>
                                </span>
                                <span class="form-check__text ">
        IT (ITH, Office 365, seadmemajutus, IoT jne)
                                </span>

                            </label>
  </div>
</div>

Вот так выглядит мой слой данных

dataLayer.push({
        'event' : 'GAEvent',
        'eventCategory' : 'Uue Äri/IT kliendi müügivõistlus',
        'eventAction' : 'Saada müügivõimalus',
        'eventLabel' : $('.form-check__input').val()
    });

Но это неверная отправка переменных, и уровень данных говорит, что eventLabel не определен, поэтому я предполагаю, что это неправильно $('.form-check__input').val().

Answer 1

Вам необходимо проверить, когда вы звоните dataLayer.push

Если функция вызывается после document.ready или при изменении или при отправке-события формы. В этом случае может быть значение этого флажка undefined во время dataLayer.push вызова функции.

Для получения значения флажка используйте: $('.form-check__input:checked').serialize();