Radio Button Grid: Only Allow One Selection

Radio Button Grid questions allow a single selection per row. Some customers have requested the ability to allow only a single selection for the entire grid. While we don't have a built-in way to achieve this, you can set this up pretty easily with a little JavaScript.

Check it out in an example survey!

OR

Download this survey to your account!

The Script

To set this up start by adding a JavaScript Action to the same page as your Radio Button Grid question and copy and paste the below JavaScript.

$radios =  $('.countme :radio');
$radios.on('change',function(){
   $radios.not(this).prop('checked',false);
});

Then, just edit your Radio Button Grid, go to the Layout tab and enter countme into the CSS Class Name field.

Finally, click Save Question and test it out!