Hello, I have the following question and I'm trying to hide the buttons which I've X'ed out. Looking around I cannot find the java I can use to hide ONLY these buttons. Can anyone please help?
Thanks,
Mark
Solved
Hiding Radio Buttons on Rank Order Radio Button Question
Best answer by ahmedA
This line will create a list of all the radio buttons:
let all_radios = this.questionContainer.querySelectorAll(".q-radio");Based on your photo it'll have 25 (0 to 24) elements going rowwise from the top left.
So you'll need to select each of them and hide, like this:
all_radios[4].hide();
all_radios[9].hide();etc.
You'll also need to disable clicking on them, otherwise even though they'll be hidden, they can still be selected. This line will give you a list of all their inputs:
let all_inputs = this.questionContainer.querySelectorAll("input");Then disable the elements you've hidden:
all_inputs[4].disable()etc.
This line will create a list of all the radio buttons:
let all_radios = this.questionContainer.querySelectorAll(".q-radio");Based on your photo it'll have 25 (0 to 24) elements going rowwise from the top left.
So you'll need to select each of them and hide, like this:
all_radios[4].hide();
all_radios[9].hide();etc.
You'll also need to disable clicking on them, otherwise even though they'll be hidden, they can still be selected. This line will give you a list of all their inputs:
let all_inputs = this.questionContainer.querySelectorAll("input");Then disable the elements you've hidden:
all_inputs[4].disable()etc.
+1malush1412 ahmedA may you please guide me further as to how this code was applied.
I would like to remove the radio buttons for ranks 4 onwards (screenshot below). 
I have applied Ahmed's code. The program is recognising that I have used JavaScript but nothing has changed.
Could you kindly guide me/ send me the code I need to paste into JavaScript. Thanks
+1The code I am currently using is:
Qualtrics.SurveyEngine.addOnload(function()
{
/*Place your JavaScript here to run when the page loads*/
let all_radios = this.questionContainer.querySelectorAll(".q-radio");
all_radios[3].hide();
all_radios[4].hide();
all_radios[5].hide();
all_radios[9].hide();
all_radios[10].hide();
all_radios[11].hide();
all_radios[15].hide();
all_radios[16].hide();
all_radios[17].hide();
all_radios[21].hide();
all_radios[22].hide();
all_radios[23].hide();
all_radios[27].hide();
all_radios[28].hide();
all_radios[29].hide();
all_radios[33].hide();
all_radios[34].hide();
all_radios[35].hide();
let all_inputs = this.questionContainer.querySelectorAll("input");
all_inputs[3].disable();
all_inputs[4].disable();
all_inputs[5].disable();
all_inputs[9].disable();
all_inputs[10].disable();
all_inputs[11].disable();
all_inputs[15].disable();
all_inputs[16].disable();
all_inputs[17].disable();
all_inputs[21].disable();
all_inputs[22].disable();
all_inputs[23].disable();
all_inputs[27].disable();
all_inputs[28].disable();
all_inputs[29].disable();
all_inputs[33].disable();
all_inputs[34].disable();
all_inputs[35].disable();
});
Qualtrics.SurveyEngine.addOnReady(function()
{
/*Place your JavaScript here to run when the page is fully displayed*/
});
Qualtrics.SurveyEngine.addOnUnload(function()
{
/*Place your JavaScript here to run when the page is unloaded*/
});
It has successfully removed my radio buttons (as seen in screenshot below) but not their headings.
+1https://community.qualtrics.com/XMcommunity/discussion/comment/41212#Comment_41212malush1412 the code I am currently using is:
Qualtrics.SurveyEngine.addOnload(function()
{
/*Place your JavaScript here to run when the page loads*/
let all_radios = this.questionContainer.querySelectorAll(".q-radio");
all_radios[3].hide();
all_radios[4].hide();
all_radios[5].hide();
all_radios[9].hide();
all_radios[10].hide();
all_radios[11].hide();
all_radios[15].hide();
all_radios[16].hide();
all_radios[17].hide();
all_radios[21].hide();
all_radios[22].hide();
all_radios[23].hide();
all_radios[27].hide();
all_radios[28].hide();
all_radios[29].hide();
all_radios[33].hide();
all_radios[34].hide();
all_radios[35].hide();
let all_inputs = this.questionContainer.querySelectorAll("input");
all_inputs[3].disable();
all_inputs[4].disable();
all_inputs[5].disable();
all_inputs[9].disable();
all_inputs[10].disable();
all_inputs[11].disable();
all_inputs[15].disable();
all_inputs[16].disable();
all_inputs[17].disable();
all_inputs[21].disable();
all_inputs[22].disable();
all_inputs[23].disable();
all_inputs[27].disable();
all_inputs[28].disable();
all_inputs[29].disable();
all_inputs[33].disable();
all_inputs[34].disable();
all_inputs[35].disable();
});
Qualtrics.SurveyEngine.addOnReady(function()
{
/*Place your JavaScript here to run when the page is fully displayed*/
});
Qualtrics.SurveyEngine.addOnUnload(function()
{
/*Place your JavaScript here to run when the page is unloaded*/
});
It has successfully removed my radio buttons (as seen in screenshot below) but not their headings.
+1I managed I used this code. Posting below in case anyone come across the same problem and thanks to all who helped.
var qid = this.questionId;
for(var i=5;i<=7;i++){
jQuery("#"+qid+" .ChoiceStructure .Answers").find("th:eq("+i+")").css("visibility","collapse");
jQuery("#"+qid+" .ChoiceStructure tbody tr").each(function(){
jQuery(this).find("td:eq("+i+")").css("visibility","collapse");
})
}
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.