在單擊時激活中繼器中的顯示鏈接按鈕

Question

生成A到Z的鏈接按鈕，我想顯示字母鏈接按鈕單擊時處於活動狀態。 通過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>

Answer 1

如果您要突出顯示來自groyp的選定按鈕。是的，可以使用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>

Answer 2

我有點困惑。 但是啟用按鈕的代碼將是類似的。 Button1.enabled = FALSE; if（checkbox.checked）{Button1.enabled = true; }