使用JS定制弹出用于Qualtrics中未答复的多项选择

时间:2017-08-15 21:22:53

标签: javascript qualtrics

我尝试基本上创建一个弹出式请求响应,通知参与者何时无法回答多项选择问题,但允许他们继续(但我想要自定义文本)。这就是我一直在玩的东西,但我还没有能够让它发挥作用(这是针对问题ID 28):

$(document).ready(function() {

        // Identify this question
        var thisQuestion = $('#question{QID28}');

        // Interrupt the Next/Submit click
        $('#movenextbtn, #movesubmitbtn').bind('click', function () {
            var unanswered = false;

            // Loop through all inputs
            $('input.text', thisQuestion).each(function(i) {
                var thisValue = $(this).val();
                if(thisValue == null) {
                    unanswered = true;
                }
            });

            // Pop up confirm if we found an unanswered item
            var cont = true;
            if(unanswered == true) {
                cont =  confirm('You have an unanswered item.\nDo you want to continue?');
            }
            return cont;
        });
    });

在标题中我有以下内容:

<script type="text/javascript" charset="utf-8">  </script>

有人能指出我正确的方向或告诉我这段代码有什么问题吗?我想我没有正确配置以确保选择多项选择,但我不知道从哪里开始。

1 个答案:

答案 0 :(得分:0)

我认为你使用的是JQuery,但有一个非常简单的标准javascript答案。这就是我如何通过提醒做出未回答的问题,让您可以选择取消或继续。

  <script type="text/javascript">
        function checkers() {
          if (answer = 0) {
             getConfirmation();
          }
        }
        function getConfirmation(){
           var areusurebro = confirm("There is an unanswered question would you like to continue?");
           if( areusurebro == true ){
              continue;
           }
           else{
              break;
           }
        }
  </script>

Checkers会检查是否没有值可以回答。 getConfirmation是javascript中的确认函数。 (要获得答案,您必须创建另一个函数,将值设置为变量,如答案)

<script>
var answer = 0;
function clicked1() {
      answer = 1;
}
function clicked2() {
      answer = 2;
}
function clicked3() {
      answer = 3;
}
function clicked4() {
      answer = 4;
}
</script>

然后在您的每个答案的多项选择中,您可以选择onclick =“clicked1”或相应的选择号码

这也可能出现在您的代码中。

<form>
    <input type="button" value="Submit" onclick="checkers();" />
</form>

从那里处理答案可能需要PHP或其他JavaScript库。