Hello,
I have a matrix question with 3 statements (A, B, C) and 2 scale points (yes and no). I am trying to write a code such that B will show up when A is yes, and C will show up when B is yes. If no is chosen, respondents will be auto advanced to the next question.
All suggestions, and/or examples are very much appreciated!
Thanks in advance, and have a nice day!
Solved
Logic display and auto advance on a matrix question
Best answer by ahmedA
No, it's my fault for not looking into the nitty-gritties. This should do the job for you:
Qualtrics.SurveyEngine.addOnReady(function () {
all_rows = this.getQuestionContainer().querySelectorAll("tr");
that = this;
for (var i = 2; i < all_rows.length; i++) {
all_rows[i].hide();
}
this.questionclick = function (ev, el) {
var row = Number(el.id.split("~")[2]);
var choice = Number(el.id.split("~")[3]);
if (choice == 2 || row == all_rows.length - 1) {
that.clickNextButton();
} else if (choice == 1) {
all_rows[row + 1].show();
}
};
});
You can remove
|| row ==all_rows.length-1if you do not want to auto advance when a Yes on the third row is clicked.
Qualtrics.SurveyEngine.addOnReady(function () {
all_rows = this.getQuestionContainer().querySelectorAll("tr");
that = this;
for (var i = 2; i < all_rows.length; i++){
all_rows[i].hide();
}
this.questionclick = function () {
for (var i = 1; i < all_rows.length - 1; i++) {
var a = that.getChoiceValue(i, 1);
if (a) {
all_rows[i + 1].show();
} else {
that.setChoiceValue(i + 1, 1, false);
that.setChoiceValue(i + 1, 2, false);
all_rows[i + 1].hide();
}
}
};
});
Demo
Hi ahmedA, thank you so much for your response. Your code works perfectly for the Logic Display.
For auto advance, I tried to integrate your code with my code, but it only direct to the next question when the last option (C) has been chosen. May I have the advice on how to adjust it so that the auto advance is on when a "No" is chosen?
Here is my code:
Qualtrics.SurveyEngine.addOnload(function()
{
jQuery("td").click(function(){
if(jQuery(".ChoiceRow").length == (jQuery(".q-checked").length + 1))
{
jQuery("#NextButton").click()
}
});
});
Thank you for the massive help!
Remove everything in the
elseblock and just keep this line:
that.clickNextButton. This will click the next button, when any "No" is selected.
Thank you ahmedA for your prompt response. I tried adding that.clickNextButton to the else block but it doesn't work. So now the code I am having is:
Qualtrics.SurveyEngine.addOnReady(function () {
all_rows = this.getQuestionContainer().querySelectorAll("tr");
that = this;
for (var i = 2; i < all_rows.length; i++){
all_rows[i].hide();
}
this.questionclick = function () {
for (var i = 1; i < all_rows.length - 1; i++) {
var a = that.getChoiceValue(i, 1);
if (a) {
all_rows[i + 1].show();
} else {
that.clickNextButton
}
}
};
});
sorry.... clickNextButton is a function. You need to add () after it.
So it should be
that.clickNextButton()
Thank you ahmedA, however, when () is added, it auto advanced whenever an option is clicked, regardless of Yes or No.
Sorry for taking too much time!
No, it's my fault for not looking into the nitty-gritties. This should do the job for you:
Qualtrics.SurveyEngine.addOnReady(function () {
all_rows = this.getQuestionContainer().querySelectorAll("tr");
that = this;
for (var i = 2; i < all_rows.length; i++) {
all_rows[i].hide();
}
this.questionclick = function (ev, el) {
var row = Number(el.id.split("~")[2]);
var choice = Number(el.id.split("~")[3]);
if (choice == 2 || row == all_rows.length - 1) {
that.clickNextButton();
} else if (choice == 1) {
all_rows[row + 1].show();
}
};
});
You can remove
|| row ==all_rows.length-1if you do not want to auto advance when a Yes on the third row is clicked.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.