Dynamic text below slider question (+ mobile friendly)

Question

Hi all, I am working on a survey that presents patients with a choice between two options, A and B. We want to ask participants the percent chance they would choose each option. The options are mutually exclusive and there are no other choices, so the percent chances of choosing each choice should add up to 100%. I would like to use one slider instead of using a constant sum question with two sliders to reduce friction as participants take the survey, and add dynamic text below the slider that shows probability of choosing option A (selected using the slider) and implied probability of choosing option B (100% minus the probability of choosing option A). I would also like to make sure that the dynamic text works in the “mobile-friendly” survey version. I currently have the code below, which works in non-mobile-friendly version but does not work for mobile-friendly. Is anyone able to advise how to make this work in the mobile-friendly version, or is there no way to do this? Thank you! Qualtrics.SurveyEngine.addOnload(function(){ /*Place your JavaScript here to run when the page loads*/});Qualtrics.SurveyEngine.addOnReady(function() { var that = this.questionId; var p = Math.round(jQuery("[id='" + that + "~1~track']").width() / 100); // Initially hide the text jQuery("").insertAfter("div.ChoiceStructure"); // Function to show the text function showText() { jQuery("#customid").show(); // Use jQuery's show() method } // Bind input changes to the slider jQuery("[id='" + that + "~1~result']").on('input propertychange change touchend', function() { var A = parseInt(jQuery("[id='" + that + "~1~result']").val()); jQuery("#currA").text(A); // Calculate the chance for choosing Option B var B = 100 - A; jQuery("#currB").text(B); // Show the text only when the slider is interacted with if (A >= 0) { showText(); // Show the text on first interaction } console.log("Slider value: " + A); // Debug output });});Qualtrics.SurveyEngine.addOnUnload(function() { /* Place your JavaScript here to run when the page is unloaded */});

TomG · Answer

In case you are interested, here is an alternative that works on mobile.

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded