Javascript 选中单选按钮的Google标记管理器变量始终未定义

我创建了一个登录页，其中有一个表单（使用两次），用户在其中输入电子邮件并从三个单选按钮中选择一个值。当成功提交（两个字段都是必需的）用户选择的单选按钮的值传递到数据层时，我试图通过Google Tag Manager触发一个自定义事件

对于表单，我使用Wordpress插件MC4WP（），这样它就可以与我的Mailchimp帐户集成。 这是插件中的我的表单标记：

<div class="mailchimp-radio animate-top-container">
    <p class="animate-top">
        <label>
            <input class="radio-box" name="MMERGE6" type="radio" value="iPad Pro 10.5" required >
                <span>iPad Pro 10.5</span>
            </label>
            <label>
                <input class="radio-box" name="MMERGE6" type="radio" value="iPad Pro 11" required >
                    <span>iPad Pro 11</span>
                </label>
                <label>
                    <input class="radio-box" name="MMERGE6" type="radio" value="iPad Air" required >
                        <span>iPad Air</span>
                    </label>
                </p>
            </div>

在Tag Manager中，我创建了事件、触发器（名为Signu up的自定义事件）和checked变量（作为名为checked的数据层变量）

我在互联网上搜索过，尝试过很多选择，但都没有用。我似乎错过了什么，但真的想不出是什么。有什么想法吗

<script type="text/javascript">
   jQuery('.radio-box').on('click',function(){
   jQuery(this).attr('checked', 'checked');
   });
   mc4wp.forms.on('started', function(form) {

   var radioName = "MMERGE6";
   var checked = document.querySelector('[name="' + radioName + '"]:checked').value;
   window.dataLayer = window.dataLayer || [];
   window.dataLayer.push({ 'event' : 'Sign-up', 'name' : form.name + ' ID: ' + form.id, 'checked' : checked});
  });

</script> 

{
gtm: {start: 1590774532845, uniqueEventId: 3},
event: 'Sign-up',
name: 'Form #304 ID: 304'
checked: undefined
}