JavaScript实现数组储存与删除

JavaScript实现数组储存与删除

<body>
    <div>
        <input type="checkbox"value="1" />
        <input type="checkbox"value="2" />
        <input type="checkbox"value="3" />
        <input type="checkbox"value="4" />
        <input type="checkbox"value="5" />
    </div>
    <script>
        var shu = [];
        var check = document.getElementsByTagName("input");
        for (var i = 0; i < check.length; i++) {
            check[i].addEventListener("change", ff, false);
        }
        function ff(){
            var zi = this.value;
            if (this.checked == true) {
                shu.push(zi);
            }
            if (this.checked == false) {
                var s = shu.includes(zi);
                if (s == true) {
                    var q = shu.indexOf(zi);
                    shu.splice(q, 1);
                }
            }
        }
    </script>

</body>

效果图:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_44567289/article/details/86745352