Disable Radio Button Question Once Option is Selected

While we do have a built-in feature that will hide a question once it is answered. This JavaScript will allow you to still display the question but not allow changes. It works with Radio Button questions and Radio Button Grids.  

Check it out in an example survey!

OR

Add a survey with this setup to your account! 

The Script

On the same page as your radio button question(s) click Add New Action > JavaScript. Give your action a name and click Save Action and Edit. Now paste the following code in your JavaScript Action: 


$(":radio").click(function(){
 var radioName = $(this).attr("name"); //Get radio name
 $(":radio[name='"+radioName+"']:not(:checked)").attr("disabled", true); //Disable all unchecked radios with the same name
});

Scripting and Other Custom Solutions

We’re always happy to help you debug any documented script that is used as is. That said, we do not have the resources to write scripts on demand or to debug a customized script.

If you have customization ideas that you haven't figured out how to tackle, we're happy to be a sounding board for Alchemer features and functionality ideas that might meet your needs. Beyond this, check out our Professional Services; these folks have the scripting chops to help you to achieve what you are looking for!

Basic Standard Market Research HR Professional Full Access Reporting
Free Individual Team & Enterprise
Feature Included In