Question

我有4个链接按钮，我需要更改onclicked的颜色

示例：A B C D

默认情况下，如果单击B，则将css应用于A将其应用于应用于A按钮的B.css应禁用。我需要服务器端或客户端的解决方案。

我需要服务器端的解决方案，因为我有更新的面板，我在后面的代码中调用linkbutton文本

Answer 1

你的问题很模糊，不包含代码，但我会尽力而为。听起来你想要在元素之间切换类。这可以通过以下方式实现：

ASP.NET

<asp:LinkButton ID="lbA" Text="A" OnClientClick="lbGroupClick" CssClass="lb active" runat= "server" />
<asp:LinkButton ID="lbB" Text="B" OnClientClick="lbGroupClick" CssClass="lb" runat= "server" />
<asp:LinkButton ID="lbC" Text="C" OnClientClick="lbGroupClick" CssClass="lb" runat= "server" />
<asp:LinkButton ID="lbD" Text="D" OnClientClick="lbGroupClick" CssClass="lb" runat= "server" />

的Javascript

function lbGroupClick() {
    $('.lb.active').removeClass('active'); // remove from any current active ones
    $(this).addClass('active');
}

Answer 2

HTML

<div class="links-list">
    <a href="#" class="active">Link 1</a>
    <a href="#" >Link 2</a>
    <a href="#" >Link 3</a>
    <a href="#" >Link 4</a>
</div>

JS

$('a', '.links-list').each(function(){
    $(this).click(function() {
        $('a.active', '.links-list').removeClass('active');
        $(this).addClass('active');

        return false;           
    });
});

如何启用和禁用应用于linkbutton的css

2 个答案: