Hi everyone, I'm trying to implement a feature where users can unselect a radio button in a single select question by clicking on it again. Currently, users can only select a different option, but not unselect the selected option.I've tried using the following code in the "Single Question JS" section of the question, but it doesn't seem to be working: this.questionclick = function(event, element) { if (element.type == 'radio') { var selectedOption = this.getSelectedChoices()[0]; if (selectedOption === element.getAttribute('value')) { this.clearChoice(element); } }}.bind(this);Is there a better way to do this, or am I missing something in my code?Thanks in advance for your help!

Hi, try adding the below to the OnReady section of the Multiple Choice question’s JavaScript:var qid = this.questionId;var selectedchoice = 0;jQuery("#"+qid+" .QuestionBody").on("mousedown , touchstart", function() {var selected = jQuery("#"+qid).find(".QuestionBody").find("[type=radio]");var selectedid = selected.filter(":checked").attr("id");var parts = selectedid.split("~");selectedchoice = parts[2];});this.questionclick = function(event, element) {var elementclick = element.getAttribute('value'); if (selectedchoice === elementclick) { this.setChoiceValue(selectedchoice, false); selectedchoice = 0; }};

One of the easy approach is to use make question multi-select and then make all option as ‘Exclusive’

How to unselect a radio button in Qualtrics using JavaScript?

How to unselect a radio button in Qualtrics using JavaScript? | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded