在Clickater中显示链接按钮在单击时激活

时间:2014-11-03 04:39:05

标签: c# jquery asp.net vb.net c#-4.0

生成A到Z链接按钮,我想在Click上显示字母链接按钮。由Jquery或Code Behind提供。

<asp:UpdatePanel ID="UpdatePanel3" runat="server">
    <ContentTemplate>
        <asp:Repeater ID="rptAlphabets" runat="server">
            <ItemTemplate>
                <asp:LinkButton ID="lnkAlphabet" runat="server" Text='<%#Eval("Value")%>'  OnClick="Alphabet_Click" CssClass="listbtn" Width="31px" Height="15px" align="center"  CommandName="getalphabet" />

                <div class="clear-list">
                </div>

            </ItemTemplate>
        </asp:Repeater> 
    </ContentTemplate>
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="rptAlphabets" />
    </Triggers>
</asp:UpdatePanel>

2 个答案:

答案 0 :(得分:1)

如果你的意思是突出显示组中的所选按钮..是的,你可以使用CSS和JQuery来实现它。

使用以下代码段...

 <style>
    .listbtn {
        border: 1px solid #bbb;
        border-radius: 2px;
        background-color: #eee;
        text-decoration: none;

        width: auto!important;
        padding: 3px;
    }
    .selected {
        background-color: #222;
        color: white;
    }
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
    $(document).ready(function () {
        $('.listbtn').click(function (e) {
            e.preventDefault();
            $('.listbtn').each(function () {
                $(this).removeClass('selected');
            });
            $(this).addClass('selected');

        });
    });
</script>

答案 1 :(得分:0)

我有点困惑。但是启用按钮的代码就是这样的。     Button1.enabled = FALSE;     如果(checkbox.checked)     {     Button1.enabled = TRUE;     }