jquery - 如何启用和禁用为linkbutton申请的css

Question

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

示例：ABCD

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

我需要服务器端的解决方案，因为我得到了更新的面板，并且我在后面的代码中调用了链接按钮文本

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