asp.net - 如何将 RadioButtonList 转换为 JQuery UI 按钮列表？

Question

我的表单上有一个 ASP.NET RadioButtonList，我想将它转换为这样的 JQuery Button。

我的简单代码：

<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-ui js 文件的引用，请尝试将其添加到您的标记中：

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