JS小功能(checkbox实现全选和全取消)实例代码

前端技术 2023/09/07 JavaScript

效果：

代码：

复制代码 代码如下:

<head runat=\"server\">
    <title></title>
    <script type=\"text/javascript\">
        window.onload = function () {
            var ckall = document.getElementById(\'ck1\');
            var ck = document.getElementsByName(\'name1\');
            ckall.onclick = function () {
                for (var i = 0; i < ck.length; i++) {
                    if (ckall.checked == true) {
                        ck[i].checked = true;
                    }
                    else {
                        ck[i].checked = false;
                    }
                }
            }
        };
    </script>
</head>
<body>
    <form id=\"form1\" runat=\"server\">
    <input type=\"checkbox\" id=\"ck1\" />
    全选
    <div id=\"div1\">
        <input type=\"checkbox\" name=\"name1\" />
        <input type=\"checkbox\" name=\"name1\" />
        <input type=\"checkbox\" name=\"name1\" />
        <input type=\"checkbox\" name=\"name1\" />
        <input type=\"checkbox\" name=\"name1\" />
        <input type=\"checkbox\" name=\"name1\" />
    </div>
    </form>
</body>

本文地址：https://www.stayed.cn/item/18181

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案