How can I create a proper multiple answer question that allows no more than 3 choices? | XM Community
Skip to main content
Solved

How can I create a proper multiple answer question that allows no more than 3 choices?

  • June 29, 2020
  • 2 replies
  • 23 views

Forum|alt.badge.img

I am actually using a multiple answer and a validation type range: At least 1 and no more than 3.
That solves the problem partially. Because when a user tries to select more than 3 answers is allowed to, until the user tries to move to the next page of the survey. Thats when a validation error appears.
I want the users not being able to select more than 3 options. If selecting a fourth, one of the others should deselect.
Is that posible? and how?

Best answer by rondev

Along with validation, paste the below code in the JS onReady function of multi choice question:
var that = this;
jQuery("#"+that.questionId+" input[type='checkbox']").on('click',function(){

if(jQuery(this).prop("checked")){

if(jQuery("#"+that.questionId+" input[type='checkbox']:checked").length==4){

jQuery(this).prop("checked",false);
}

}

});


2 replies

rondev
Level 6 ●●●●●●
Forum|alt.badge.img+22
  • Level 6 ●●●●●●
  • Answer
  • June 29, 2020

Along with validation, paste the below code in the JS onReady function of multi choice question:
var that = this;
jQuery("#"+that.questionId+" input[type='checkbox']").on('click',function(){

if(jQuery(this).prop("checked")){

if(jQuery("#"+that.questionId+" input[type='checkbox']:checked").length==4){

jQuery(this).prop("checked",false);
}

}

});



Forum|alt.badge.img
  • Author
  • June 29, 2020

Thank you! works flawlessly!