多个button点击其中一个改变颜色怎么实现
2个回答
2016-02-07 · 知道合伙人数码行家
huanglenzhi
知道合伙人数码行家
采纳数：117538
获赞数：517198
长期从事计算机组装，维护，网络组建及管理。对计算机硬件、操作系统安装、典型网络设备具有详细认知。
向TA提问 私信TA
关注
![]()
展开全部
var buttons = $(':button');
buttons.on('click', function(){
buttons.css('background-color', 'white');
$(this).css('background-color', 'yellow');
});
buttons.on('click', function(){
buttons.css('background-color', 'white');
$(this).css('background-color', 'yellow');
});
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<style type="text/css">
.class1{
color:red
}
.class2{
color:blue
}
</style>
</head>
<body>
<input type="button" class="class1" value="点我" onclick="change(this)" id="a1">
<script type="text/javascript">
function change(btn){
btn.className = (btn.className == "class1"?"class2":"class1");
btn.value = (btn.value == "点我"?"我被点了":"点我");
}
</script>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<style type="text/css">
.class1{
color:red
}
.class2{
color:blue
}
</style>
</head>
<body>
<input type="button" class="class1" value="点我" onclick="change(this)" id="a1">
<script type="text/javascript">
function change(btn){
btn.className = (btn.className == "class1"?"class2":"class1");
btn.value = (btn.value == "点我"?"我被点了":"点我");
}
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
