We are aiming to make the button to have colour while the respondent select the score, if they select 8 for example, 0-8 will also have the colour, and the 0-6 will be in red colour ,7-8 in yellow color.
I've updated the custom code inside that nps question,it is not getting color for the last number.
for example: selected 9 means it showing color for 0-8 fine but 9 is not geting color.placed my code here.
Please help me resolve
Qualtrics.SurveyEngine.addOnload(function()
{
jQuery('.ColumnLabel.First').css('color','red');
jQuery('.ColumnLabel.Last').css('color','green');
var qid = this.questionId;
var leftpoint = document.getElementById(qid+'-0-label');
jQuery(".SingleAnswer").click(function() {
for (var i=0;i<=11;i++){
jQuery("td:eq(" + i +")").find('label').css("background-color", "rgba(0,0,0,.06)");
jQuery("td:eq(" + i +")").find('label span').css("color", "#0000ff");}
If possible I would just suggest explore using a different measure, colouring NPS selection provides bias results and takes away from the intent/behaviour science behind NPS. When there is a need to educate customer on what the right or good score is, NPS is typically the wrong measure or it’s misunderstood on what it is measuring. You may not be able to change it, however if you can I’d personally simplify the question away from NPS vs guiding customers responses.
