Снова показать варианты ответа, оставив выбор в Qualtrics, используя Javascript

У меня есть вопрос с несколькими вариантами ответов, в котором респондент может выбрать одно из двух изображений, расположенных рядом друг с другом. На следующей странице варианты ответов должны отображаться точно так же, желательно с выбранным переключателем (где они больше не могут его изменить), поскольку я хочу, чтобы респонденты задавали дополнительные вопросы по поводу своего выбора. Вопрос с множественным выбором, следующая страница с вариантами ответа и дальнейшие вопросы находятся в одном блоке.

Я уже пытался передать это из предыдущего вопроса, но таким образом варианты ответа (изображения) разделены запятыми и расположены ниже друг друга.

Таким образом, я хочу сохранить ответы респондентов во встроенной переменной данных, а затем отобразить те же варианты ответов, оставив их ответы снова выбранными.

Я пытался сделать это с помощью Javascript, но не смог понять, поскольку я новичок в этом:

  • Сначала я создал встроенную переменную данных в самом верху потока опроса под названием «выбор».

  • Затем я добавил этот код к вопросу (Q1):

     Qualtrics.SurveyEngine.addOnPageSubmit(function(){
    
     var answer = this.questionContainer.querySelector(".q-checked")
    
     Qualtrics.SurveyEngine.setEmbeddedData("choice", answer);
     });
    
  • а затем я просто вставил встроенные данные «выбор» в виде передаваемого по конвейеру текста во втором вопросе, но в опросе ничего не отображается, это просто пустое место.

Примечание. Я использую «простой» макет.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
116
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вам не нужны встроенные данные.

Перенесите отображаемые варианты выбора с первого вопроса MC на второй вопрос MC. Если идентификатор первого вопроса — QID1, добавьте этот JS ко второму вопросу:

Qualtrics.SurveyEngine.addOnload(function() {
    this.setChoiceValue("x${q://QID1/SelectedChoicesRecode}",true);
    jQuery(this.getQuestionContainer()).find("[type=radio").prop("disabled",true);
});

Если вы еще этого не сделали, вам нужно будет загрузить jQuery в заголовок опроса:

<script src = "https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>

Это именно то, что я хотел, и это сработало отлично. Вы настоящий герой, спасибо вам огромное!

Mina 16.03.2024 15:19

Другие вопросы по теме