Question

我有一个表单，可以从表单上的单选按钮捕获用户选择，还可以捕获在下拉元素中所做的选择。但事实是，我只能使用.blur（）

将它们捕获为事件。

当用户单击“提交”时，我需要能够将这些数据推送到GA（将其转到表单的另一步骤）。

我目前有这个：

<script>
(function($) {
$(document).ready(function() { 
    $(':input[name=HasPreviousHealthFund]').blur(function () {
        if($(this).val().length > 0) {
            _gaq.push(['_trackEvent', 'Existing Health Insurance', 'completed', $(this).attr('value')]);
        } 
        else {
            _gaq.push(['_trackEvent', 'Existing Health Insurance', 'skipped', $(this).attr('value')]);
        }
    });
});
})(jQuery);
</script>

这显示的是单选按钮每次单击的事件，但是我不确定如何仅在提交按钮后触发这些事件。

感谢您的帮助。

Answer 1

将事件处理程序放在表单的submit事件上，而不是按钮上。然后，它可以检查选中了哪个按钮并执行适当的GA操作。

$("form").submit(function() {
    var buttonValue = $(":input[name=HasPreviousHealthFund]:checked").val();
    var status = buttonValue.length > 0 ? 'completed' : 'skipped';
    _gaq.push(['_trackEvent', 'Existing Health Insurance', status, buttonValue]);
});

在表单上将单选按钮值解析为GA，然后提交

1 个答案: