Hello,
I'm looking to clear selected options when the respondent clicks the 'back' button.
It seems that the choices are 'labels' on Qualtrics back end.
I realize that when the option is selected, there is a new 'q-checked' class that is added. Hence I've been looking for ways to remove that class following the various suggestions here (html - Remove CSS class from element with JavaScript (no jQuery) - Stack Overflow), but it doesn't seem to work.
See one example screen capture below.
There always seems to be a TypeError, something like: "Cannot set properties of null (reading classList)"
Could somebody please help?
Many thanks in advance!
Solved
How to clear selected options when user uses back button
Best answer by StephH72
Hello,
Here's some javascript which unselects all choices when the page is hit. So if they select some options then click the back button then this code will clear those options when they reach that page again, forcing them to re-complete the question. Hope this helps!
Qualtrics.SurveyEngine.addOnReady(function()
{
this.setChoiceValue(1,false)
this.setChoiceValue(2,false)
this.setChoiceValue(3,false)
this.setChoiceValue(4,false)
this.setChoiceValue(5,false)
})
I set it for 5 options but you can add more by just changing the number.
+16Hello,
Here's some javascript which unselects all choices when the page is hit. So if they select some options then click the back button then this code will clear those options when they reach that page again, forcing them to re-complete the question. Hope this helps!
Qualtrics.SurveyEngine.addOnReady(function()
{
this.setChoiceValue(1,false)
this.setChoiceValue(2,false)
this.setChoiceValue(3,false)
this.setChoiceValue(4,false)
this.setChoiceValue(5,false)
})
I set it for 5 options but you can add more by just changing the number.
Thank you so much StephH72!!
Works like a dream!
Just a follow-up question - the unselect script you shared works on its own, but doesn't seem to work with the other script I have (which is used to auto-advance to the next page if the option - a button in this case - is clicked).
Both of them work separately, but the 'unselect option' script doesn't work when I add the 'auto-advance' script. Might you know what I'm doing wrong?
Thanks so much in advance!
Actually it is working now! Not sure what was the issue, but I just added one of the scripts under addOnReady instead. Thanks again for your help!!
+1https://community.qualtrics.com/XMcommunity/discussion/comment/42103#Comment_42103Hi Steph,
This doesn't seem to work. Do you know if anything has changed? My question a matrix radio button question, I'd like to clear all responses from that question when the user hits back button
+1I realise this is quite an old thread so might not be monitored, but do you know how to do this for a multi-select MC question and associated other text box,
i.e. ensure that all text boxes are cleared when arriving on the page?
+27
The Qualtrics JS API doesn’t provide a way to update the text boxes, so you have to do it directly through the DOM (except if you are using Simple layout/New Experience in which case you can’t). So the script to clear the choices and the text boxes would look like this:
Qualtrics.SurveyEngine.addOnload(function() {
var qobj = this;
qobj.getChoices().forEach(function(cid) { qobj.setChoiceValue(cid,false); });
jQuery(qobj.questionContainer).find(".InputText").val("");
});
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.