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


Posted in Javascript onNovember 28, 2013

效果:

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

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

代码:

<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>
Javascript 相关文章推荐
js不是基础的基础
Dec 24 Javascript
JQuery 表单中textarea字数限制实现代码
Dec 07 Javascript
jQuery自定义事件的简单实现代码
Jan 27 Javascript
JS修改iframe页面背景颜色的方法
Apr 01 Javascript
JS和css实现检测移动设备方向的变化并判断横竖屏幕
May 25 Javascript
Vue.js -- 过滤器使用总结
Feb 18 Javascript
BootStrap表单验证 FormValidation 调整反馈图标位置的实例代码
May 17 Javascript
详解如何在vue中使用sass
Jun 21 Javascript
vue-router判断页面未登录自动跳转到登录页的方法示例
Nov 04 Javascript
Node.js net模块功能及事件监听用法分析
Jan 05 Javascript
Ant Design Pro 下实现文件下载的实现代码
Dec 03 Javascript
Nest.js环境变量配置与序列化详解
Feb 21 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
You might like
Linux下编译redis和phpredis的方法
2016/04/07 PHP
php微信公众账号开发之前五个坑(一)
2016/09/18 PHP
PHP+MariaDB数据库操作基本技巧备忘总结
2018/05/21 PHP
ExtJS扩展 垂直tabLayout实现代码
2009/06/21 Javascript
JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
2013/11/20 Javascript
js关于命名空间的函数实例
2015/02/05 Javascript
Vue.js基础指令实例讲解(各种数据绑定、表单渲染大总结)
2017/07/03 Javascript
无限循环轮播图之运动框架(原生JS实现)
2017/10/01 Javascript
mint-ui 时间插件使用及获取选择值的方法
2018/02/09 Javascript
Vue组件中的data必须是一个function的原因浅析
2018/09/03 Javascript
vue使用rem实现 移动端屏幕适配
2018/09/26 Javascript
Vue表单控件绑定图文详解
2019/02/11 Javascript
小程序获取当前位置加搜索附近热门小区及商区的方法
2019/04/08 Javascript
vue组件命名和props命名代码详解
2019/09/01 Javascript
VUE解决 v-html不能触发点击事件的问题
2019/10/28 Javascript
微信小程序canvas开发水果老虎机的思路详解
2020/02/07 Javascript
vue打包静态资源后显示空白及static文件路径报错的解决
2020/09/02 Javascript
[29:23]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第一场1
2014/05/23 DOTA
[01:15:16]DOTA2-DPC中国联赛 正赛 Elephant vs Aster BO3 第一场 1月26日
2021/03/11 DOTA
进一步探究Python中的正则表达式
2015/04/28 Python
Python中的getopt函数使用详解
2015/07/28 Python
Swift中的协议(protocol)学习教程
2016/07/08 Python
用Python将mysql数据导出成json的方法
2018/08/21 Python
Keras中 ImageDataGenerator函数的参数用法
2020/07/03 Python
解决python中0x80072ee2错误的方法
2020/07/19 Python
CSS3实现的炫酷菜单代码分享
2015/03/12 HTML / CSS
美国在线鲜花速递:ProFlowers
2017/01/05 全球购物
微软马来西亚官方网站:Microsoft马来西亚
2019/11/22 全球购物
程序运行正确, 但退出时却"core dump"了,怎么回事
2014/02/19 面试题
SQL数据库笔试题
2016/03/08 面试题
会计专业自我鉴定范文
2013/10/06 职场文书
外贸英语毕业生自荐信
2013/11/14 职场文书
高中体育教学反思
2014/01/24 职场文书
干部选拔任用方案
2014/05/26 职场文书
使用Pytorch训练two-head网络的操作
2021/05/28 Python
详解Oracle数据库中自带的所有表结构(sql代码)
2021/11/20 Oracle