присвоение класса css кнопке ссылки при нажатии на asp.net

Question

Считайте, что у меня есть 3 кнопки ссылки на странице,

<asp:LinkButton ID="LB1" runat="server" CssClass="regular" OnClick="LB1_Click">
  Today
</asp:LinkButton>
<asp:LinkButton ID="LB2" runat="server" CssClass="regular" OnClick="LB2_Click">
  Today
</asp:LinkButton>
<asp:LinkButton ID="LB3" runat="server" CssClass="regular" OnClick="LB3_Click">
  Today
</asp:LinkButton>

Я хочу выделить кнопку ссылки на ее щелчке с помощью css, а затем удалить ее css при нажатии другой кнопки ссылки (т.е.кнопка активной ссылки.Любое предложение.

Answer 1

Я использую jquery-ui и назначаю класс abtn для каждой кнопки (тип ввода = submit или href)

На странице загрузки я выполняю это:

function dobuttons() {
        $(".abtn").hover(
            function () {
                $(this).addClass("ui-state-hover");
            },
            function () {
                $(this).removeClass("ui-state-hover");
            }).bind({

                'mousedown mouseup': function () {
                    $(this).toggleClass('ui-state-active');
                }

            }).addClass("ui-state-default").addClass("ui-corner-all")
            .bind('mouseleave', function(){$(this).removeClass('ui-state-active')});
    }

Вы можете увидеть живой образец здесь http://mrgsp.md:8080/a/Dossier/Create

Answer 2

В Page_Load вы устанавливаете класс css всех кнопок ссылок на класс по умолчанию

LB1.CssClass = "StandardClass";
LB2.CssClass = "StandardClass";

....

И в событии Btn_Click каждого LinkButton вы устанавливаете его класс css на "Активный" css

Например: если щелкнуть LB1, то в пределах LB1_Click

LB1.CssClass = "ActiveClass";

Это кажется достаточно простым.Надеюсь, я не ошибаюсь в вашем вопросе.