JavaScript を使用して、クアルトリクスのランク順の質問の複数のサブセットから 1 つの選択肢をランダム化して表示します。

クアルトリクスのランク順質問におけるランダム選択とシャッフル

このアプローチでは、バニラ JavaScript を使用して、クアルトリクス調査のフロントエンド要素を動的に処理し、ランダムな選択とシャッフルを保証します。

Qualtrics.SurveyEngine.addOnload(function() {
  // Define the choices for each category
  var groupAChoices = ["A1", "A2", "A3", "A4"];
  var groupBChoices = ["B1", "B2", "B3", "B4"];
  var groupCChoices = ["C1", "C2", "C3", "C4"];

  // Randomly pick one choice from each group
  var groupAPick = groupAChoices[Math.floor(Math.random() * groupAChoices.length)];
  var groupBPick = groupBChoices[Math.floor(Math.random() * groupBChoices.length)];
  var groupCPick = groupCChoices[Math.floor(Math.random() * groupCChoices.length)];

  // Combine selected choices and shuffle them
  var selectedChoices = [groupAPick, groupBPick, groupCPick];
  for (let i = selectedChoices.length - 1; i > 0; i--) {
    let j = Math.floor(Math.random() * (i + 1));
    [selectedChoices[i], selectedChoices[j]] = [selectedChoices[j], selectedChoices[i]];
  }

  // Display the selected and shuffled choices
  this.getChoiceContainer().innerHTML = "</ul>" + selectedChoices.map(choice => "<li>" + choice + "</li>").join('') + "</ul>";

  // Reinitialize Rank Order question functionality after choices are displayed
  Qualtrics.SurveyEngine.addOnload(function() {
    Qualtrics.SurveyEngine.Question.getInstance().reinitialize();
  });
});

ランダム化後のクアルトリクスのランク順序のドラッグ アンド ドロップの確保

このオプションでは、jQuery と Qualtrics の JavaScript API を使用してランク順の質問のドラッグ アンド ドロップの問題を処理し、機能が確実に維持されるようにします。

Qualtrics.SurveyEngine.addOnload(function() {
  // Import jQuery for easy DOM manipulation
  var $ = jQuery;

  // Define the categories
  var groupAChoices = ["A1", "A2", "A3", "A4"];
  var groupBChoices = ["B1", "B2", "B3", "B4"];
  var groupCChoices = ["C1", "C2", "C3", "C4"];

  // Randomize one from each category
  var groupAPick = groupAChoices[Math.floor(Math.random() * groupAChoices.length)];
  var groupBPick = groupBChoices[Math.floor(Math.random() * groupBChoices.length)];
  var groupCPick = groupCChoices[Math.floor(Math.random() * groupCChoices.length)];

  var selectedChoices = [groupAPick, groupBPick, groupCPick];
  selectedChoices.sort(() => 0.5 - Math.random());

  // Inject HTML for selected choices
  var $container = $("ul.Choices");
  $container.html("");
  selectedChoices.forEach(choice => {
    $container.append("<li>" + choice + "</li>");
  });

  // Reinitialize the Rank Order drag-and-drop functionality
  Qualtrics.SurveyEngine.Question.getInstance().reinitialize();
});

クアルトリクスの JavaScript カスタマイズに関するよくある質問

1. JavaScript を使用して Qualtrics で選択肢をランダム化するにはどうすればよいですか?
2. 選択肢をランダムにするには、 Math.random() 配列からランダムな要素を選択する関数、および Fisher-Yates 順序をシャッフルするアルゴリズム。
3. ランク順のドラッグ アンド ドロップ機能を保持するにはどうすればよいですか?
4. オプションをランダム化した後、使用します Qualtrics.SurveyEngine.Question.getInstance().reinitialize() ランク順の質問をリセットします。
5. JavaScript で配列をシャッフルする最も効果的なアプローチは何ですか?
6. 最も効率的なテクニックは、 Fisher-Yates shuffle 配列内の要素をランダムに交換するアルゴリズム。
7. DOM を編集した後、Qualtrics Rank Order の質問が誤動作するのはなぜですか?
8. DOM を変更すると、クアルトリクスの内部 JavaScript 関数で問題が発生する可能性があります。変更を行った後、電話してください reinitialize() 機能を回復します。
9. 複数のグループからオプションを 1 つだけ選択するにはどうすればよいですか?
10. 使用 Math.random() と併せて Math.floor() 各グループから 1 つの項目をランダムに選択し、他の項目を非表示にします。

ランダム化とランク順についての最終的な考え

JavaScript を使用してクアルトリクスのランク順の質問のランダム化を管理すると、ユーザー エクスペリエンスを調整できます。カテゴリからランダムに選択し、選択されていない選択肢を非表示にすることで、よりダイナミックで魅力的な調査が実現します。ただし、ドラッグ アンド ドロップなどの基本的な機能を保持することは複雑であるため、慎重に検討する必要があります。

このソリューションは、ランダム化の問題に取り組むと同時に、更新時にアンケートの質問構造を再初期化するなどの方法に重点を置くことで、シームレスなエクスペリエンスを確保します。これらの変更を適切に行うと、調査のインタラクションとパフォーマンスが大幅に向上します。