编程 Javascript

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

Posted in Javascript onNovember 28, 2013

效果：

代码：

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

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

popdiv

Jul 14 Javascript

Jquery 动态添加按钮实现代码

May 06 Javascript

自制基于jQuery的智能提示插件一枚

Feb 18 Javascript

JavaScript 语言基础知识点总结（思维导图）

Nov 10 Javascript

jQuery实现自动调整字体大小的方法

Jun 15 Javascript

jQuery打字效果实现方法(附demo源码下载)

Dec 18 Javascript

jquery.cookie.js实现用户登录保存密码功能的方法

Apr 15 Javascript

js-FCC算法-No repeats please字符串的全排列(详解)

May 02 Javascript

JavaScript中正则表达式使数字、中文或指定字符高亮显示

Oct 31 Javascript

让Vue也可以使用Redux的方法

May 23 Javascript

JS实现头条新闻的经典轮播图效果示例

Jan 30 Javascript

vue cli 3.0 搭建项目的图文教程

May 17 Javascript

JS小功能(onmouseover实现选择月份)实例代码

Nov 28 #Javascript

JS小功能(setInterval实现图片效果显示时间)实例代码

Nov 28 #Javascript

JS小功能(操作Table--动态添加删除表格及数据)实现代码

Nov 28 #Javascript

JS小功能(offsetLeft实现图片滚动效果)实例代码

Nov 28 #Javascript

JS小功能(列表页面隔行变色)简单实现

Nov 28 #Javascript

jQuery计算textarea中文字数(剩余个数)的小程序

Nov 28 #Javascript

javascript打印html内容功能的方法示例

Nov 28 #Javascript