俺要讲话
2020-05-06 15:29
采纳率: 66.7%
浏览 2.1k
已采纳

web页面中点击button按钮变色,再次点击变回来

1.页面中有多个button,需要实现点击一个单独变色,再次点击变回原来的颜色,其它按钮都是单独控制
图片说明
这个是按钮
图片说明
这个js只能实现一个按钮变色,改变class或者id都不能实现我想要的,哪位大哥帮我一下,刚接触前端~

  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 收藏
  • 邀请回答

5条回答 默认 最新

  • 已采纳
    <button onclick="change(this)">登录1</button>
            <button onclick="change(this)">登录2</button>
            <script>
                function change(i){
                    if(i.style.backgroundColor ==""){                   
                        i.style.backgroundColor="red";
                    }
                    else{                   
                        i.style.backgroundColor="";
                    }
                }
            </script>
    
    
    评论
    解决 3 无用 3
    打赏 举报
  • 查看更多回答(4条)

相关推荐 更多相似问题