Как преобразовать RadioButtonList в список кнопок пользовательского интерфейса JQuery? - PullRequest
Новая
       10

Как преобразовать RadioButtonList в список кнопок пользовательского интерфейса JQuery?

1 голос
/ 17 ноября 2010

У меня есть 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);
}

Как бы я поступил так?

1 Ответ

2 голосов
/ 17 ноября 2010

Предполагая, что у вас уже есть ссылка на файлы jquery и jquery-ui js, попробуйте добавить это в свою разметку: 

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