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

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

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

所有事件用同一个方法就好
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;

}
温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2017-10-14
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'); // 删除节点指定类

本回答被提问者采纳
相似回答