1

我需要在一个 20 岁左右的基于 AJAX 的问卷上实施 Google Analytics (Universal/analytics.js)。问卷的工作方式类似于选择你自己的冒险，而后续问题都由前面的答案决定。

每个输入都有一个名称和一个 ID。我有兴趣从该字段中提取值并将其设置为 dataLayer 中的全局变量。一切都有一个唯一的 ID 和名称，我已经开始在数据库中收集它们。

这是 HTML 的示例：

<table id="ctl00_ContentPlaceHolder1_2_Table1" class="CompSSRadio" cellpadding="1" cellspacing="1">
            <tr>
                <td class="CompSSRadioLabel">
                </td>
            </tr>
            <tr>
                <td class="CompSSRadioResponses">
                <table id="ctl00_ContentPlaceHolder1_2_1_48_1" class="CompSSRadioResponses" border="0">
                    <tr>
                        <td><input id="ctl00_ContentPlaceHolder1_2_1_48_1_0" type="radio" name="ctl00$ContentPlaceHolder1$2$1_48_1" value="4" /><label for="ctl00_ContentPlaceHolder1_2_1_48_1_0"><SPAN style="FONT-FAMILY: Museo 500"><SPAN style="FONT-SIZE: 14pt"><SPAN style="FONT-FAMILY: Museo 500"></SPAN>Test answer 1</SPAN></SPAN></label></td>
                    </tr><tr>
                        <td><input id="ctl00_ContentPlaceHolder1_2_1_48_1_1" type="radio" name="ctl00$ContentPlaceHolder1$2$1_48_1" value="5" /><label for="ctl00_ContentPlaceHolder1_2_1_48_1_1"><SPAN style="FONT-FAMILY: Museo 500"><SPAN style="FONT-SIZE: 14pt"><SPAN style="FONT-FAMILY: Museo 500"></SPAN>Test answer 2</SPAN></SPAN></label></td>
                    </tr>
                </table>
            </td>
            </tr>
        </table>

这是“下一步”按钮：

<input type="image" name="ctl00$ContentPlaceHolder1$btnNext2" id="ctl00_ContentPlaceHolder1_btnNext2" src="../App_Themes/Images/Right.gif" onclick="javascript: pageTracker._trackPageview('//forward.html');window.document.getElementById('ctl00_ContentPlaceHolder1_btnNext').disabled=true;window.document.getElementById('ctl00_ContentPlaceHolder1_btnNext2').disabled=true;__doPostBack('ctl00$ContentPlaceHolder1$btnNext2','');" style="border-width:0px;" />

这是一个对表单信息执行某些操作的脚本：

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
    theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>

我不知道我是否需要参与其中或其他任何事情，因为那是提交信息的内容。显然我是一无所知。我觉得这是一项相当简单的任务，只是我缺乏 javascript 知识使我无法编写必要的脚本。

提前谢谢！

4

2 回答 2

0

如果您对 jQuery 持开放态度，则更简单的方法是：

var dataObj = {};

// Get the name / value pair of the checked radio button
jQuery('input:checked').each(
    function() {
        dataObj[$(this).attr("name")] = $(this).val();
    }  
);

等等

您可以使用多种技术按顺序在字段中移动。在问题中有更多上下文（例如，从一个问题到下一个问题的行为是什么 - 例如，您能否从您的 ajax 调用中获取下一个元素 ID？），一个更可靠的答案可以让您指出正确的方向。

于 2013-10-04T01:48:59.247 回答
0

如果您使用单选来选择多个值之一，则所有单选元素必须具有相同的名称。例如，如果您有：

<input type="radio" name="sex" value="Male" id="radio_male">
<label for="radio_male">Male</label>

<input type="radio" name="sex" value="Female" id="radio_female">
<label for="radio_female">Female</label>

您将只能选择“男性”或“女性”，但不能同时选择两者。考虑到这一点，在 Javascript 中访问所选值的方式应该是：

var elements = document.getElementsByName("sex");

for (i = 0; i < elements.length; i++) {
    var el = elements[i];

    if ( el.checked ) {
        alert("Checked value: " + el.value);
        break; // Because only one radio from the group will be checked, there's no point in checking the rest of them, if there are more
    }
}

关于数据层，我不知道，但听起来你在获取值时遇到了问题，如果我理解得很好的话。

于 2013-10-04T01:05:43.490 回答