单击按钮时突出显示按钮 [英] Highlighting a Button when it is clicked

问题描述

我的表单上有4个按钮我需要的是当我点击第一个按钮然后它的背景颜色应该改变。

当我点击第二个按钮然后第一个按钮应该得到它的原始颜色现在第二个按钮应该改变它的颜色。

和其他按钮相同。

我怎样才能实现这个？

任何解决方案???

提前感谢。

I have 4 buttons on my form all i need is when i clicks first button then its backcolor should be changed.
when i clicks second button then first button should get its original color and now second button should change its color.
and same for the rest of buttons.
how can i achieve this??
Any Solution???
thanks in advance.

推荐答案

1。通过代码（C＃）

1. Through code behind( C# )

<style type="text/css">
      .button_color
      {
          background-color:Green;
      }
  </style>

<div class="">
       <asp:Button ID="Button2" runat="server" class="button_color" Text="Button"

           onclick="Button2_Click" />
       <asp:Button ID="Button3" runat="server" class="button_color" Text="Button"

           onclick="Button3_Click" />
       <asp:Button ID="Button4" runat="server" class="button_color" Text="Button"

           onclick="Button4_Click" />
       <asp:Button ID="Button5" runat="server" class="button_color" Text="Button"

           onclick="Button5_Click" />
   </div>

代码落后（c＃）

code behind ( c# )

protected void Button2_Click(object sender, EventArgs e)
    {
        Button2.Style.Add("background-color", "red");
        Button3.Style.Add("background-color", "Green");
        Button4.Style.Add("background-color", "Green");
        Button5.Style.Add("background-color", "Green");
    }
    protected void Button3_Click(object sender, EventArgs e)
    {
        Button3.Style.Add("background-color", "red");
        Button2.Style.Add("background-color", "Green");
        Button4.Style.Add("background-color", "Green");
        Button5.Style.Add("background-color", "Green");
    }
    protected void Button4_Click(object sender, EventArgs e)
    {
        Button4.Style.Add("background-color", "red");
        Button2.Style.Add("background-color", "Green");
        Button3.Style.Add("background-color", "Green");
        Button5.Style.Add("background-color", "Green");
    }
    protected void Button5_Click(object sender, EventArgs e)
    {
        Button5.Style.Add("background-color", "red");
        Button2.Style.Add("background-color", "Green");
        Button3.Style.Add("background-color", "Green");
        Button4.Style.Add("background-color", "Green");
    }

2. Clent side（使用Jquery）

2. Clent side(using Jquery )

<script type="text/javascript">

（ document ）。ready（ function （）
{

(document).ready(function() {

（ 。button_color）。css （ background-color， green）;

(".button_color").css("background-color","green");

这篇关于单击按钮时突出显示按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！