js实现多个按钮单独计数

使用js 实现多个按钮单独计数，互不影响，这里有三种实现方式，代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script>

        window.onload = function(){
            var aBtn = document.getElementsByTagName('input');
            var i = 0;

            //方法一（普通）：
            for(i=0; i<aBtn.length; i++){
                addClick(aBtn[i]);
            }

            function addClick(obj){
                var count = 0;
                obj.onclick = function(){
                    alert(count++);
                }
            }

            //方法二（另类）：
            for(i=0; i<aBtn.length; i++){
                (function(obj){
                    var count = 0;
                    obj.onclick = function(){
                        alert(count++);
                    }
                })(aBtn[i]);
            }

            //方法三（另类）：
            for(i=0; i<aBtn.length; i++){
                aBtn[i].onclick = (function(count){
                    return function(){
                        alert(count++);
                    }
                })(0);
            }

        }

    </script>
</head>
<body>
    <input type="button" value="按钮1">
    <input type="button" value="按钮2">
    <input type="button" value="按钮3">
    <input type="button" value="按钮4">
</body>
</html>

js实现多个按钮单独计数

与本文相关的文章

Hi，您需要填写昵称和邮箱！