How to implement a "Select All" option for multiple choice questions? | XM Community
Question

How to implement a "Select All" option for multiple choice questions?

  • 24 May 2020
  • 9 replies
  • 1799 views

Userlevel 1

I've got a couple of questions in my survey that have multiple choices check boxes and I would like to implement a "Select All" option so that survey takers don't have to check every box to "select all". See example below:
Edit_Survey_Qualtrics_Survey_Software.png


9 replies

Userlevel 5
Badge +4

Yo can modify the code as per your requirement, please refer this discussion, this is very similar to your request
https://www.qualtrics.com/community/discussion/comment/25701#Comment_25701

Userlevel 1

Hi SurajK, I've actually tried modifying that code but I'm still getting it wrong, probably because I don't have an IT background! Could you please provide a modified code that allows that when the FIRST check box is selected, it selects the rest of the boxes below? MUCH APPRECIATED!
Edit_Survey_Qualtrics_Survey_Software.png

Userlevel 5
Badge +4

Try the below code if respondent select "Select all" then automatically all of the options get selected.
jQuery('ul li:eq(0)').find('input[type="checkbox"]').change(function(){
if(jQuery(this).is(':checked'))
{
jQuery('ul li:gt(0)').each(function(){
jQuery(this).find('input[type="checkbox"]').prop('checked',true)
});
}
});
But make sure to write the reverse code if respondent unselect any of the other option then "Select all" should also get unselected.

Badge +4

Thank you for this information.
I also am looking to include a Select All option on a multiple choice question so I utilized this code. It did select all the options in that question but it also selected all the options in all the rest of the multiple choice questions in the survey. Does something need to be included to block it from governing outside of this one question?
Also, would it be possible to see this reverse code? I can see how critical that is. Without it, when I deselect some of the options and then submit the survey, they become reselected.
Thank you for whatever help you can provide.

Userlevel 7
Badge +27

https://community.qualtrics.com/XMcommunity/discussion/comment/50417#Comment_50417That code (above and in the linked post) has a number of issues including the ones you noted. You might be interested in the mcSelectAll function.

Userlevel 1
Badge +4

Hi @TomG - thanks for this. How would you go about amending the javascript for a side-by-side question? In my case, I would only want to apply this to one column in my SBS question… thanks!

Badge

@SurajK 

So I tried the JS in your comment and it works when I preview the question, however when I preview my survey or actually take the survey, the answers do not get all selected. 

 

I even reversed the code like you suggested and the deselect works as well but again only when I preview the question. I’ve tried the “mcSelectAll” JS but it doesn’t work at all.

 

Here is the JS I used for both selecting all and deselecting all

Query('ul li:eq(0)').find('input[type="checkbox"]').change(function(){
if(jQuery(this).is(':checked'))
{
jQuery('ul li:gt(0)').each(function(){
jQuery(this).find('input[type="checkbox"]').prop('checked',true)
});

jQuery('ul li:eq(0)').find('input[type="checkbox"]').change(function() {
  if (!jQuery(this).is(':checked')) {
    jQuery('ul li:gt(0)').each(function() {
      jQuery(this).find('input[type="checkbox"]').prop('checked', false);
    });
  }
});

 

Any thoughts or suggestions?

Userlevel 3
Badge +11

Do we have a way to get this output? option so that survey takers don't have to check every box to "select all"

Userlevel 7
Badge +27

@Umang Upadhyay,

mcSelectAll does this. @JHill never contacted me to get the code, so couldn’t have tried it.

Leave a Reply