jquery - 向 qualtrics 问题添加按钮,该问题(随机)将文本附加到问题
问题描述
我有一个 Qualtrics 调查,我在其中向人们展示赌博并要求他们决定是否玩。在此之前,我希望他们虚拟地进行 20 次赌博,并查看每次的结果。似乎最简单的方法是在问题文本中添加一个按钮,当按下该按钮时,会随机附加一个新的赌博结果——无论输赢。例如,如果我让他们进行一场有 90% 获胜机会的赌博,90% 的时间他们按下按钮他们应该会看到一个新的“获胜”附加到页面上,而 10% 的时间他们应该看到“ LOSE”附加到页面。
然而,我正在努力让这一切都在 qualtrics 中发挥作用。我个人认为,我对自己需要做的事情有一种感觉——似乎我在问题 HTML 本身中创建了一个 div,然后创建一个按钮,该按钮将使用 JQuery 中的 .append 函数来添加一个胜利或丢失消息(即.append(<p> WIN! </p>)
或类似的东西),它应该给我我的基本功能。但是当谈到实际实现这一点时,我完全迷失了,并弄清楚问题本身的 html 与 Qualtrics 的 JavaScript 部分应该包含什么。
理想情况下,我还希望要求他们这样做 20 次,但如何跟踪这有点超出我的能力。任何帮助(或有关更好方法的建议)将不胜感激。我真的很想避免在 Qualtrics 中使用调查流程,因为对于这么多的试验来说这似乎超级混乱,但如果有这样的好方法,我也会很感激那里的建议。
编辑:我有一个实现,这并不是我真正想要的,但是完全不使用 JQuery 就可以获得类似的效果。
这不是解决这个问题的 JQuery 或基于按钮的方法——我想不通。相反,我创建了一个循环和合并块,它由两个文本显示组成,中间有一个分页符。第一个文本显示会告诉他们按下按钮来模拟赌博。此页面上的 Javascript 将根据嵌入数据模拟赌博结果,然后更新另一个嵌入数据字段以显示赌博结果,该结果将显示在以下块中。
初始文本问题上的 Javascript 如下所示,其中 q1start 是一个嵌入式数据字段,用于设置赢得赌博的概率:
Qualtrics.SurveyEngine.addOnReady(function()
{
/*Place your JavaScript here to run when the page is fully displayed*/
//turn starting probability into a variable
var start_prob = parseInt("${e://Field/q1start}")
console.log("next thing is start prob")
console.log(start_prob)
//draw a number 0-100 to see if we won the lottery
var random_draw_result = Math.floor(Math.random()*100+1)
//compare it to chances, set embedded data which will display outcome
var outcome_display = (start_prob >= random_draw_result) ? "WIN!" : "LOSE!"
console.log("draw")
console.log(random_draw_result)
console.log("outcome")
console.log(outcome_display)
Qualtrics.SurveyEngine.setEmbeddedData("outcome_display", outcome_display)
});
然后第二个文本问题看起来像:
“您的结果是 ${e://Field/outcome_display}”,其中嵌入的数据是在第一步中完成的上述 Javascript 的结果。
然后我只是循环并合并了一堆,并设置它以便在最终循环之前的所有循环和合并都会出现这两个文本问题。对于最后一个循环,我希望他们回答的实际问题出现了。
这是一个示例块的样子(在这种情况下,我只让它进行两次示例试验,然后进行最终的真实试验):
原则上,如果我想一次显示所有赌博的结果,我想我可以通过为我要执行的每个循环创建一个结果显示嵌入数据变量来做到这一点,然后只显示第二个问题所有这些结果每次都显示变量。
解决方案
最后很简单,终于想通了。
用这个作为 HTML 的单个问题制作一个块:
<p>Imagine you are considering a ${lm://Field/1}% gamble. Please simulate this gamble 20 times by pressing the button below</p>
<button id="gamble_btn">Simulate Gamble</button>
<p> </p>
<div id="results"> </div>
对于这个块,使其成为一个循环并与单个字段合并,该字段是赢得每个赌博的概率。然后,将以下 Javascript 附加到该问题:
Qualtrics.SurveyEngine.addOnReady(function()
{
/*Place your JavaScript here to run when the page is fully displayed*/
// Hide the continue button
$('NextButton').hide();
//Probability of winning the gamble
var start_prob = parseInt("${lm://Field/1}") // Set this to the value for the loop and merge field
var click_ct = 0 //initial # of trials should be 0
var max_clicks = 20 //number of trials we want them to do
var complete_alert = "You have finished all gambles" //alert msg for when they click post finishing all gambles
var completion_message = "<p>You have finished all gambles! Press continue to move on. </p>" // msg to append when finished
// This button allows you to simulate a gamble
jQuery( "#gamble_btn" ).click(function() {
console.log("press")
// Calculate results of gamble, set display message
var random_draw_result = Math.floor(Math.random()*100+1)
var outcome_display = (start_prob >= random_draw_result) ? "<p style='color:green;'> WIN! </p>" : "<p style='color:red;'> LOSE! </p>"
// If they've done less than 20 gambles, append the outcome
if (click_ct < max_clicks){ // what to do on trials before the last one
jQuery("#results").append(outcome_display) //display outcome of the trial
click_ct++
} else if (click_ct == max_clicks) { //what to do on last trial
jQuery("#results").append(outcome_display) //append results of final trial
jQuery("#results").append(completion_message) //append completion message
$('NextButton').show(); //show the continue button
jQuery(this).attr('disabled', true); //disable button presses
click_ct++
} else {
alert(complete_alert)
}
console.log(click_ct)
});
});
推荐阅读
- r - 我想使用正则表达式摆脱字符向量中具有精确模式的单词,但不知道如何
- spring - 如何使用 Spring Webflux 从 GridFS 流式传输视频?
- c# - 如何从静态类访问 ClaimsPrincipal?
- python - 如何在 PySide6 的样式表中定义对齐方式?
- java - 在实体类 Wrapper 类或 JPA/Hibernate 中的 Primitive 类型中选择属性数据类型的最佳实践是哪一个?
- php - 在 Laravel 中获取数据库表中值的计数
- python - Heroku 应用程序错误(Django Web 应用程序)
- php - 简单的提交表单以转到页面
- javascript - 用星号(*)替换后如何获取输入中输入的值?
- javascript - 创建新条目时出现 POST 403 错误(无效的 CORS 请求)(Angular 12)