<div id="${id}" class="hlsRadioGroup ${hlsClassName!}">
    <style>
        #${id}{
            width: ${width!};
        }
        .radioSelected{
            background-color: cadetblue !important;
        }
        .hlsRadioButton{
            background-color: white;
            border-radius: 10px;
            border-style: solid;
            width: 48px;
            height: 32px;
            outline: none;
            color: black;
            font-size: 16px;
        }
    </style>
    <input id="input_${id}" type="hidden"  <#if bind??> data-bind="${bind!}" </#if>/>
    ${groupBody!}
    <script>
        $("#${id} .hlsRadioButton").on("click", function (e) {
            var target = $(e.target || e.srcElement);
            $('#${id} .hlsRadioButton').removeClass('radioSelected');
            target.addClass("radioSelected");
            $('#${id} input').val(target.val());
            $('#${id} input').trigger('change');
        });
        <#if bindModel??>
        $(function(){
            kendo.bind($("#${id}"), ${bindModel!});
        });
         </#if>
    </script>
</div>