Как преобразовать RadioButtonList в JQuery UI Button List?

Question

У меня есть ASP.NET RadioButtonList в моей форме, и я хотел бы преобразовать его так, что это кнопка JQuery, такая как this.

Мой простой код:

<asp:Label ID="lblOrderType" Text="Order Type" runat="server" CssClass="label" /> 
<asp:RadioButtonList ID="radOrderType" runat="server" RepeatDirection="Horizontal" CssClass="radioButtonList"> 
    <asp:ListItem value="M" Selected="True">Market</asp:ListItem> 
    <asp:ListItem value="L">Limit</asp:ListItem> 
    <asp:ListItem value="S">Stop</asp:ListItem> 
</asp:RadioButtonList> 

<asp:Button 
    ID="btnInsert" 
    runat="server" 
    Text="Insert" 
    onclick="btnInsert_Click" CssClass="button" 
/> 

Когда кнопка нажата btnInsert Я хочу, чтобы получить значение выбранной радио-кнопки, а с помощью кнопки JQuery.

protected void btnInsert_Click(object sender, EventArgs e) 
{ 
    // some database code 
    DB.Insert(radOrderType.SelectedValue); 
} 

Как бы я это сделал?

Answer 1

Предполагая, что вы уже получили ссылку на Jquery и Jquery-щ JS файлы попробуйте добавив в разметке:

<script type="text/javascript"> 
$(document).ready(function() { $("#<%= radOrderType.ClientID %>").buttonset(); }); 
</script>