How to apply jquery buttonset() to radio buttons inside template column?

[Vaishali]

Have Approve and Deny radio buttons in template column, when I apply buttonset(), it changes the look but looses functionality of mutually exclusiveness.
Need help.



columns.Template(r =>

                                 {

                                     %>

                                    <div class="approveRadios" style="font-size: .80em !important;padding: 0px 0px 0px 0px !important;">

                                        <%-- <%= Html.RadioButton(r.RequestDetailsId.ToString(), "true", false, new { @id = "yes_Approve", @group = "Approval", @class = "Radio" })%><label for="yes_Approve">"Approve"+"<%=r.RequestDetailsId.ToString() %>"</label>

                                        <%= Html.RadioButton(r.RequestDetailsId.ToString(), "false", false, new { @id = "no_Approve", @group = "Approval", @class = "Radio" })%><label for="no_Approve">"Deny"+"<%=r.RequestDetailsId.ToString() %>"</label>--%>

                                       

                                      <input name="<%=r.RequestDetailsId %>" type="radio" value="<%= r.RequestDetailsId %>" onclick="Approval(<%= r.RequestDetailsId %>, 'Approved');" class="Radio" id = "yes_Approve"  /><label for="yes_Approve" >Approve</label>

                                      <input name="<%=r.RequestDetailsId %>" type="radio" value="<%= r.RequestDetailsId %>" onclick="Approval(<%= r.RequestDetailsId %>, 'Denied');" class="Radio" id = "no_Approve"/><label for="no_Approve" >Deny</label>

                                        

                                       </div>

                                     <%

                                 }).Title("Approve");

 

 

 

 

 <script type="text/javascript">

 

 

         $(document).ready(function () {

 

             //visuals

             $(function () {

                 $("#approveRequest").button();

                 $(".approveRadios").buttonset();

 

 

             });

 

         });

    </script>

[Daniel]

Hello Vaishali,

You should generate unique IDs in order to avoid this behavior e.g.

id='<%="yes_Approve" + r.RequestDetailsId %>'

Regards,
Daniel
the Telerik team