如何添加“活动”CSS类链接按钮后面的代码

本文关键字：按钮 链接 代码 CSS 何添加 添加 活动 | 更新日期: 2023-09-27 18:06:31

我的主页有几个链接按钮。我需要添加css类"Active"后，我点击每个链接按钮和回发url。

<asp:LinkButton ID="Linkbutton1" runat="server" PostBackUrl="/News.aspx?lang=1"
         Text="News" OnClick="Linkbutton1_Click">
</asp:LinkButton>

Linkbutton 1

Linkbutton 2 - class "active"

Linkbutton 3

我尝试使用linkbutton onclick事件添加类，但在回发后css类已被删除。

如何添加“活动”CSS类链接按钮后面的代码

输入Linkbutton1_Click方法:

Linkbutton1.CssClass = "active";

MSDN上的文章

如果你想在后面写代码，你可以使用cookie:

在Linkbutton1_Click方法: 

Response.Cookies["Linkbutton1-cssClass"].Value = "active";

in Page_Load method:

if(Request.Cookies["Linkbutton1-cssClass"] != null)
   Linkbutton1.CssClass = Server.HtmlEncode(Request.Cookies["Linkbutton1-cssClass"].Value);

最后你可以使用foreach所有的LinkButtons

onclick of linkbutton调用javascript函数changestyle(SenderID)

<script type="javascript">
var strPreviousCahnge=""
function changestyle(SenderID)
{
   var LinkButtonActive=document.getelementbyid(senderID);
LinkButtonActive.className="subTabActive";
            if (strPreviousCahnge!= "" && strPreviousCahnge!= id)
            {
                var identity=document.getElementById(strPreviousCahnge);
                identity.className="subTabInactive";
            }
strPreviousCahnge=SenderID
}
</script>
相关文章：