How to disable answer choices with JS | Experience Community
Skip to main content
Question

How to disable answer choices with JS

  • June 10, 2020
  • 4 replies
  • 559 views
S
Forum|alt.badge.img+3

In my survey, a MC question has ten answer options each containing a short video. I want people to watch the videos one by one, and then select one video. To facilitate this interaction and to make sure they really watch the video, I would like to disable an answer option (i.e. grey out and make unclickable) until its video has been watched. I already have code in JS that registers when the video has been watched, but how do I disable and enable answer options?
I have seen posts on how to hide answer choices, but that is not what I am going for here. Thanks in advance.

4 replies

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • TomG
  • Level 8 ●●●●●●●●
  • June 10, 2020

Add the disabled attribute to the choice's input element (radio or checkbox). In jQuery if "input" is the jQuery object containing the element:
input.prop("disabled",true);

S
Forum|alt.badge.img+3
  • Steven
  • Author
  • June 10, 2020

Thanks Tom.
I haven't done much in jQuery yet in Qualtrics but it seems time to dive into it. Would you know of any overview of the Qualtrics survey elements/attributes that you can manipulate with jQuery?

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • TomG
  • Level 8 ●●●●●●●●
  • June 10, 2020

Steven - You can manipulate any element on a page with jQuery.

H
Forum|alt.badge.img

Below is the code to Disable selection for Single select (Radio button), For Multi select (Check box), For Text entry (text)

1. jQuery("input[type='radio']").prop("disabled",true); 

2. jQuery("input[type='checkbox']").prop("disabled",true); 

3. jQuery("input[type='text']").prop("disabled",true); 

Terms & ConditionsAccessibility statement