Hello everyone, I hope you are doing good :)Does anyone know how can I add a “N/A” option to a 5 star rating question : Thanks in advance for your help !

Updated to have the Not Applicable on the right side of the 3rd star slider and to have different labels in French and English.Qualtrics.SurveyEngine.addOnReady(function(){/*Place your JavaScript here to run when the page is fully displayed*///stars on own rowjQuery("#"+this.questionId+" tr").each(function() {var row = jQuery(this);var th = row.before("<tr></tr>").find("th").attr("colspan","4").css("text-align","left");row.prev("tr").append(th);});const thirdRowVal = jQuery('#'+this.questionId+' tbody tr:nth-child(6)').attr('choiceid');console.log(thirdRowVal);//create checkbox const checkbox = document.createElement('input'); // Create a checkbox checkbox.type = 'checkbox';checkbox.class = 'notApplicable';checkbox.id = 'notApplicable-'+thirdRowVal; checkbox.name = 'notApplicable-'+thirdRowVal;//create label const label = document.createElement('label'); // Create a label for the checkboxif("${e://Field/Q_Language}" == "EN") { label.textContent = 'Not Applicable';}if("${e://Field/Q_Language}" == "FR") { label.textContent = 'NA';}// Append the checkbox and label to the element document.getElementById(this.questionId+"~"+thirdRowVal+"~result").after(label); document.getElementById(this.questionId+"~"+thirdRowVal+"~result").after(checkbox);// Add event listener to each checkboxvar that = this; checkbox.addEventListener('change', function () { // Clear selected stars if checkbox is checked if (this.checked) { that.setChoiceValue(thirdRowVal,0); // Set the value of the slider to 0 } });//Allow checkboxes to appearjQuery('input:checkbox').css({ "position": "relative", "opacity": "1", "z-index": "999", "height": "20px", "width": "20px",});});

Hi@NF_user, try using the below. It puts each star slider on its own row and then adds a Not Applicable checkbox to each star slider that will clear out the stars when checked, and uncheck when the stars are selected.Supports any number of star sliders.Qualtrics.SurveyEngine.addOnReady(function(){/*Place your JavaScript here to run when the page is fully displayed*/var that = this;//stars on own rowjQuery("#"+this.questionId+" tr").each(function(index) { var row = jQuery(this); var th = row.before("<tr></tr>").find("th").attr("colspan","4").css("text-align","left"); row.prev("tr").append(th);});// Function to add checkboxes to elements with the same classfunction addCheckboxToElements() { const elements = document.querySelectorAll('.ResultsInput'); // Get all elements with the class elements.forEach((element, i) => { const checkbox = document.createElement('input'); // Create a checkbox checkbox.type = 'checkbox'; checkbox.className = 'notApplicable'; // Use className instead of class checkbox.id = 'notApplicable-'+i; checkbox.name = 'notApplicable'+i; const label = document.createElement('label'); // Create a label for the checkbox label.textContent = 'Not Applicable'; // Append the checkbox and label to the element element.after(label); element.after(checkbox); // Add event listener to each checkbox checkbox.addEventListener('change', function () { // Clear selected stars if checkbox is checked if (this.checked) { that.setChoiceValue(i+1,0); // Set the value of the slider to 0 } }); jQuery("#"+that.questionId+" tbody > tr:nth-child(" + ((2 * i)+2) + ") > td.BarOuter").attr("id", "star" + i); document.getElementById("star" + i).addEventListener("click", function (e) { jQuery(checkbox).prop("checked", false); }); document.getElementById("star" + i).addEventListener("touchstart", function (e) { jQuery(checkbox).prop("checked", false); }); });}// Call the function when the page loads or when necessaryaddCheckboxToElements();// Allow checkboxes to appearjQuery('input:checkbox').css({ "position": "relative", "opacity": "1", "z-index": "999", "height": "20px", "width": "20px",});});

Add an "NA" option to star rating question

Add an "NA" option to star rating question | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded