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

最新推荐文章于 2022-12-04 21:19:19 发布

moqiang02

最新推荐文章于 2022-12-04 21:19:19 发布

阅读量147

点赞数

文章标签： javascript ViewUI

<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>

moqiang02

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
给js创建的一个input数组绑定click事件

&lt;html&gt; &lt;body&gt; &lt;input type="button" name="input[]" value="按钮1" /&gt; &lt;br /&gt; &lt;input type="button" name="input[]" value
复制链接

扫一扫