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");
})
}
Sign up
Already have an account? Login
Welcome! To join the Qualtrics Experience Community, log in with your existing Qualtrics credentials below.
Confirm your username, share a bit about yourself, Once your account has been approved by our admins then you're ready to explore and connect .
Free trial account? No problem. Log in with your trial credentials to join.
No free trial account? No problem! Register here
Already a member? Hi and welcome back! We're glad you're here 🙂
You will see the Qualtrics login page briefly before being taken to the Experience Community
Login with Qualtrics
Welcome! To join the Qualtrics Experience Community, log in with your existing Qualtrics credentials below.
Confirm your username, share a bit about yourself, Once your account has been approved by our admins then you're ready to explore and connect .
Free trial account? No problem. Log in with your trial credentials to join. No free trial account? No problem! Register here
Already a member? Hi and welcome back! We're glad you're here 🙂
You will see the Qualtrics login page briefly before being taken to the Experience Community
Login to the Community
Welcome! To join the Qualtrics Experience Community, log in with your existing Qualtrics credentials below.
Confirm your username, share a bit about yourself, Once your account has been approved by our admins then you're ready to explore and connect .
Free trial account? No problem. Log in with your trial credentials to join.
No free trial account? No problem! Register here
Already a member? Hi and welcome back! We're glad you're here 🙂
You will see the Qualtrics login page briefly before being taken to the Experience Community
Login with Qualtrics
Welcome! To join the Qualtrics Experience Community, log in with your existing Qualtrics credentials below.
Confirm your username, share a bit about yourself, Once your account has been approved by our admins then you're ready to explore and connect .
Free trial account? No problem. Log in with your trial credentials to join. No free trial account? No problem! Register here
Already a member? Hi and welcome back! We're glad you're here 🙂
You will see the Qualtrics login page briefly before being taken to the Experience Community
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.