代码之家 › 专栏 › 技术社区 › Mark Allison

如何将RadioButtonList转换为JQueryUI按钮列表?

radiobuttonlist jquery asp.net

1

Mark Allison · 技术社区 · 14 年前

我的表单上有一个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" 
/>

单击btn插入按钮时,我想检索所选单选按钮的值,但使用JQuery按钮。

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

我该怎么做呢?

1 回复 | 直到 14 年前

1

2

Adam 14 年前

假设您已经获得了对jquery和jquery ui js文件的引用,请尝试将其添加到标记中:

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