Hide check box in matrix question

Hi,

1. add a class to your look and feel -> style -> custom css:

.disabled{

/*background-color: red!important;*/
border: none !important;
}
2. add the below script to your question
Qualtrics.SurveyEngine.addOnload(function()
{
let qi = Qualtrics.SurveyEngine.QuestionInfo 
//console.log(qi)

let answers = qi[this.questionId].Answers // get the answers in your matrix question
//console.log(answers)


//loop through the answers

for(let answer in answers){

let element; //defines the element with the ids
let boxes; // defines the checkboxes (labels)

console.log(answer)

for (let i=1;i<=answer;i++){
element = document.getElementById('QR~'+this.questionId+'~'+answer+'~'+i)
console.log(element)
element.disabled = 'true'//disabling the input


boxes = element.parentElement.getElementsByTagName('label')
console.log(boxes)
for(let j=0;j console.log(boxes[j])
boxes[j].addClassName('disabled') //hiding the boxes by adding the disabled class

}

}
}
});


it looks like this:


I assume you can decrease the distance of the answer labels yourself :-)
hope this helps
Best regards

Rudi