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

JennSJennS ArgentinaCommunity Member Qubie ✭

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

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

  • rondevrondev Community Member - Trial User Wizard ✭✭✭✭✭
    Accepted Answer

    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);
    			}
    		
    		}
    	
    	});
    


Answers

Sign In to Comment