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 相关文章推荐
Extjs单独定义各组件的实例代码
Jun 25 Javascript
JS Replace()的高级使用方法介绍
Jun 29 Javascript
JavaScript回调(callback)函数概念自我理解及示例
Jul 04 Javascript
javascript实现动态加载CSS
Jan 26 Javascript
js字符串操作方法实例分析
May 06 Javascript
简单实现bootstrap导航效果
Feb 07 Javascript
Vue.js实例方法之生命周期详解
Jul 03 Javascript
jquery ajaxfileuplod 上传文件 essyui laoding 效果【防止重复上传文件】
May 26 jQuery
vue构建动态表单的方法示例
Sep 22 Javascript
手动下载Chrome并解决puppeteer无法使用问题
Nov 12 Javascript
Vue使用.sync 实现父子组件的双向绑定数据问题
Apr 04 Javascript
vue中beforeRouteLeave实现页面回退不刷新的示例代码
Nov 01 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
PHP 生成的XML以FLASH获取为乱码终极解决
2009/08/07 PHP
PHP学习笔记(二) 了解PHP的基本语法以及目录结构
2014/08/04 PHP
php 伪造ip以及url来路信息方法汇总
2014/11/25 PHP
实例讲解PHP设计模式编程中的简单工厂模式
2016/02/29 PHP
php中用unset销毁变量并释放内存
2020/05/10 PHP
利用XMLHTTP传递参数在另一页面执行并刷新本页
2006/10/26 Javascript
JS的递增/递减运算符和带操作的赋值运算符的等价式
2007/12/08 Javascript
Javascript this指针
2009/07/30 Javascript
验证javascript中Object和Function的关系的三段简单代码
2010/06/27 Javascript
jQuery图片轮播的具体实现
2013/09/11 Javascript
JavaScript Math.ceil() 函数使用介绍
2013/12/11 Javascript
jQuery实现级联菜单效果(仿淘宝首页菜单动画)
2014/04/10 Javascript
详解基于angular路由的requireJs按需加载js
2017/01/20 Javascript
JS实现数组去重方法总结(六种方法)
2017/07/14 Javascript
vue组件父子间通信之综合练习(聊天室)
2017/11/07 Javascript
bootstrap响应式工具使用详解
2017/11/29 Javascript
vue中如何让子组件修改父组件数据
2018/06/14 Javascript
详解create-react-app 2.0版本如何启用装饰器语法
2018/10/23 Javascript
Nuxt使用Vuex的方法示例
2019/09/06 Javascript
使用JavaScrip模拟实现仿京东搜索框功能
2019/10/16 Javascript
在vue和element-ui的table中实现分页复选功能
2019/12/04 Javascript
[45:40]Ti4 冒泡赛第二天NEWBEE vs NaVi 1
2014/07/15 DOTA
[04:11]DOTA2亚洲邀请赛小组赛第一日 TOP10精彩集锦
2015/01/30 DOTA
Python实现判断字符串中包含某个字符的判断函数示例
2018/01/08 Python
Python面向对象之接口、抽象类与多态详解
2018/08/27 Python
python算法与数据结构之冒泡排序实例详解
2019/06/22 Python
基于Python的图像阈值化分割(迭代法)
2020/11/20 Python
浅谈CSS3 box-sizing 属性 有趣的盒模型
2019/04/02 HTML / CSS
生产现场工艺工程师岗位职责
2013/11/28 职场文书
西北政法大学自主招生自荐信
2014/01/29 职场文书
促销活动方案模板
2014/02/24 职场文书
公司应聘自荐书
2014/06/14 职场文书
初中毕业生自我评价
2015/03/02 职场文书
电影圆明园观后感
2015/06/03 职场文书
2016高校自主招生自荐信范文
2016/01/28 职场文书
python代码实现备忘录案例讲解
2021/07/26 Python