Clear specific carousel question if user selects back chevron

Hi @Chipper 

Unfortunately, it's not possible to achieve this functionality solely with JavaScript or CSS because the browser's history navigation (such as using the "<" chevron) doesn't trigger JavaScript events or allow direct manipulation of form inputs via CSS.

But you can build in a clear responses button if you want that the person respondent the answers

 

Qualtrics.SurveyEngine.addOnload(function() {

    const quest = this;

    const qc = quest.questionContainer;

    var questionId = this.questionId;

    var inputs = qc.querySelectorAll('input[type="radio"], input[type="checkbox"], input[type="text"]');

    qc.querySelector(".QuestionText").insertAdjacentHTML("afterend", "<button class='reset'>Clear Responses</button>");

    qc.querySelector(".reset").onclick = function() {

        for (var i = 0; i < inputs.length; i++) {

            inputs[i].checked = false;

            if (inputs[i].type === "text") {

                inputs[i].value = "";

            }

        }

        qc.querySelectorAll(".q-checked").forEach((item) => {

            item.classList.remove("q-checked");

        });

        qc.querySelectorAll("select").forEach((select) => {

            select.selectedIndex = -1; // Clear selected option

        });

    };

});

Hi @Chipper 

I see what you mean. When you click first on a other answer you can choice all answer again. 

But i understand that this i not a good solluction

Hope you found a good answer for this problem