如果这仍然与您相关:我需要相同的功能,这就是我解决它的方法:首先,我定义一个辅助变量,调用它EndLoop
,我将其初始化为 0。然后,我设置了一个函数,在人们点击按钮后将 EndLoop 的值更改为 1,此外,我向循环中的问题添加了一个显示逻辑,仅当 EndLoop 仍为 0 时才显示它们,并隐藏EndLoop 为 1 时立即提问。
这是分步说明以及 javascript 和 html 代码。
粗体部分是您需要做的事情,项目符号指出了如何做的更详细说明。
1. 在循环和合并之前定义嵌入数据字段 http://www.qualtrics.com/university/researchsuite/advanced-building/survey-flow/embedded-data/ called EndLoop
并将其初始化为0。
- 转到调查流程面板
- 添加新元素 > 选择嵌入数据字段
- 将字段命名为“EndLoop”
- 单击链接“立即设置值”将其值 t0 设置为数字 0
- 确保将其移到合并循环块之前
2.对于循环中的每一项设置显示逻辑 http://www.qualtrics.com/university/researchsuite/basic-building/question-options/display-logic/以 'EndLoop' = 0 为条件显示它们
- 转到循环中每个问题的选项菜单
- 选择“添加显示逻辑”
- 从第一个下拉菜单中选择“嵌入数据”
- 将打开一个新的类型字段 > 作为名称类型
EndLoop
+ 选择“等于” + 输入 0 作为值
3. 在页面中插入一个自定义按钮,人们应该能够选择退出。该按钮运行一个名为 setEndLoop() onclick 的用户定义函数。
4. 使用自定义 javascript 定义函数 setEndLoop(),将 EndLoop 的值更改为 1 并模拟下一个按钮单击
- 转到循环中每个问题的选项菜单
- 选择“添加 JavaScript”
我使用的代码是:
/* Get the EndLoop variable */
var EndLoop = "${e://Field/EndLoop}";
Qualtrics.SurveyEngine.addOnload(function(){
/* hide previous and next button */
$('NextButton') && $('NextButton').hide();
$('PreviousButton') && $('PreviousButton').hide();
/* Function: on click on user-defined button -> change the field EndLoop */
var that = this;
setEndLoop = function(){
Qualtrics.SurveyEngine.setEmbeddedData('EndLoop', 1);
that.clickNextButton();
};
});
该按钮不会有默认样式,因此,定义一个自定义 css 来设置按钮的样式,使其看起来像主题的按钮。我在这里使用的按钮的类名称是id="css-class-mybutton"
, use .css-class-mybutton{ ... }
在CSS中。
希望有帮助。