多个按钮，如何点击一个按钮改变被点击按钮的颜色，然后其他按钮保持一个颜色

Question

多个button按钮，点击一个按钮，变成黄色，再点击另一个按钮，则点击的按钮变成黄色，其余按钮都是白的，用js或jQuery怎么写呢？

Answer 1

您好，您点击按钮时，先遍历窗体全部按钮，设置为浅色，然后再设置点击的按钮颜色就可以了。

所有事件用同一个方法就好
private void button_Click(object sender, EventArgs e)
{
foreach(Control ctl in Controls)
{
if(ctl is Button)
{
ctl.BackColor = Color.Gray;// 默认的浅色
}
}
((Button)sender).BackColor = Color.Red;

}

Answer 2

var buttons = $(':button');
buttons.on('click', function(){
    buttons.css('background-color', 'white');
    $(this).css('background-color', 'yellow');
});

追问

要是我的每个button 都加了CSS，像下面这么写的测试1 测试2该怎么写js或jq代码呢？谢谢！

追答

没看懂你说什么。。。
把$(':buttons')换成$('.btn')

追问

css我已经写好了两个类，如图效果。一个点中的一个未点中的，但我不知道怎么点击按钮修改按钮的css类名，不知道我说明白没有……

追答

$('选择器').addClass('className'); // 给节点添加类
$('选择器').removeClass('className'); // 删除节点指定类

本回答被提问者采纳