Radarr/NzbDrone.Web/Views/Settings/Test.cshtml

<style>
    .quality-selectee { width: 75px; padding: 1px; padding-left: 5px; margin: 3px; }
    .quality-selecting { background: #85AEF9; }
    .quality-selected { background: #065EFE; color: white; }
</style>

<fieldset class="quality-selectee">
SDTV
</fieldset>

<fieldset class="quality-selectee">
DVD
</fieldset>

<fieldset class="quality-selectee">
HDTV
</fieldset>

<fieldset class="quality-selectee">
WEBDL
</fieldset>

<fieldset class="quality-selectee">
Bluray720p
</fieldset>

<fieldset class="quality-selectee">
Bluray1080p
</fieldset>

<br />

@Html.TextBox("result", "")

<script type="text/javascript">
    $('.quality-selectee').click(function () {
        if ($(this).hasClass('quality-selected'))
            $(this).removeClass('quality-selected');
        else
            $(this).addClass('quality-selected');

        result = "";
        $(".quality-selected").each(function () {
            result += this.firstChild.data + ",";
        });

        $("#result").empty().val(result);
    });
</script>