如何在asp.net中显示链接按钮组中的选定链接按钮？

Question

我有一个aspx页面.它上面的链接集.

linkbutton1

linkbutton2

linkbutton3

linkbutton4

linkbutton5

如果我点击其中任何一个.它应该突出显示.

这些链接按钮在表中.

谢谢你的帮助.

Answer 1

如果您将CssClass添加到任何链接按钮,例如

<asp:LinkButton ID="LinkButton1" runat="server" CssClass="linkbtn" />

您可以在CSS中定义突出显示的样式

.linkbtn .highlighted { color: red; }

并使用一些JavaScript来切换类.在jQuery中它看起来像:

$(".linkbtn").click(function () {
   $(".linkbtn").removeClass("highlighted");
   $(this).addClass("highlighted");
});

在ASP.Net中使用

<asp:LinkButton id="LinkButton4" OnClick="LinkButton4_Click" runat="server"/>

并在代码隐藏

private void SetHighlighted(LinkButton btn)
{
  LinkButton1.CssClass = "";
  LinkButton2.CssClass = "";
  LinkButton3.CssClass = "";
  LinkButton4.CssClass = "";
  LinkButton5.CssClass = "";

  btn.CssClass = "highlighted";
}

protected void LinkButton4_Click(object sender, EventArgs e)
{
  SetHighlighted((LinkButton)sender);
}

为每个链接按钮执行此操作