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

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

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

<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);
}

Как мне это сделать?


jquery asp.net radiobuttonlist
person Mark Allison    schedule 17.11.2010    source источник

Ответы (1)


arrow_upward
2
arrow_downward

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

<script type="text/javascript">
$(document).ready(function() { $("#<%= radOrderType.ClientID %>").buttonset(); });
</script>
person Adam    schedule 17.11.2010
comment
Еще одна небольшая проблема - у меня есть один из этих списков радиокнопок в FormView, который называется fvwEdit. Я пробовал $(document).ready(function () { $("#<%= fvwEdit$radOrderType.ClientID %>").buttonset(); });, но получаю сообщение об ошибке. Есть идеи? - person Mark Allison; 18.11.2010