如何用一个方法实现每次点击一个button被点击的那个就变色？

如题... 如题展开

 我来答

2个回答

#热议# 应届生在签三方时要注意什么？

JIA丨XIAN
推荐于2017-09-24 · TA获得超过630个赞

知道小有建树答主

回答量：475

采纳率：20%

帮助的人：322万

我也去答题访问个人页

关注

展开全部

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<button>A</button>
<button>B</button>
<button>C</button>
<script>
    var btn  = document.getElementsByTagName("button");
    for(var i=0;i<btn.length;i++){
        (function(index){
            btn[index].onclick = function(){
                btn[index].style.backgroundColor = "red";
            }
        }(i))

    }
</script>
</body>
</html>

追问

可以变回去吗。

追答

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<button>A</button>
<button>B</button>
<button>C</button>
<script>
    var btn  = document.getElementsByTagName("button");
    for(var i=0;i<btn.length;i++){
        (function(index){
            btn[index].onclick = function(){
                if(btn[index].style.backgroundColor === "red"){
                    btn[index].style.backgroundColor = "";
                }else{
                    btn[index].style.backgroundColor = "red";
                }

            }
        }(i))

    }
</script>
</body>
</html>

已赞过 已踩过<

评论收起

ICBC09111
2015-10-29 · 超过53用户采纳过TA的回答

知道答主

回答量：96

采纳率：0%

帮助的人：83.7万

我也去答题访问个人页

关注

展开全部

$('button').click(function (){
$(this).css("background","#ffffff");

});

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

如何用一个方法实现每次点击一个button被点击的那个就变色？

其他类似问题

为你推荐：