How to show checkbox fields as comma-separated instead of a bullet list

By default, checkbox fields are displayed as a bulleted list. If you want to display them as a list of comma-separated values (CSV), you can do that with GravityView and a little code.

Before and After

This is the default look for checkbox fields:

And this is how the field values look once converted to CSV.

The required code

How to add this code snippet to your website.