javascript

给js创建的一个input数组绑定click事件 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<html>  
    <body>
        <input type="button" name="input[]" value="按钮1" />
        <br />
        <input type="button" name="input[]" value="按钮2" />
        <br />
        <input type="button" name="input[]" value="按钮3" />
        <br />
        <div id="add">
        </div>
    </body>
</html>

<script type="text/javascript">
    // 通过 getElementsByTagName 获得都有 input 控件
    var inputs = document.getElementsByTagName("input");
    // 为第0个button绑定onclick事件，alert一下
    inputs[0].onclick = function() {
        alert("我测试一下");
    }

    // 为每一个button绑定onclick事件，alert一下
    for (var i = 0; i < inputs.length; i++) {
        inputs[i].onclick = function() {
            alert("我测试一下");
        }
    }

    window.onload = function() {
        // 定义一个数组 arrs
        var arrs = new Array();
        // 循环添加
        for (var i = 0; i < 2; i++) {
            // 循环添加两个 input type="button" value="新增"+i
            var input = document.createElement("input");
            input.type = "button";
            input.value = "新增" + i;
            // 记得把创建的 input 放入 arrs 中
            arrs.push(input);
            // 然后把 input 放入 id="add" 的div中
            document.getElementById("add").appendChild(input);
        }

        // 同样用 [0].onclick 绑定事件，依然没有问题
        arrs[0].onclick = function() {
            alert("我又测试一下");
        }

    }
</script>