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 相关文章推荐
使用Modello编写JavaScript类
Dec 22 Javascript
Javascript Jquery 遍历Json的实现代码
Mar 31 Javascript
iframe的父子窗口之间的对象相互调用基本用法
Sep 03 Javascript
Javascript判断图片尺寸大小实例分析
Jun 16 Javascript
jQuery的事件委托实例分析
Jul 15 Javascript
jQuery实用技巧必备(中)
Nov 03 Javascript
JavaScript基础篇(3)之Object、Function等引用类型
Nov 30 Javascript
jQuery组件easyui基本布局实现代码
Aug 25 Javascript
关于JavaScript和jQuery的类型判断详解
Oct 08 Javascript
js仿新浪微博消息发布功能
Feb 17 Javascript
Vue.js如何优雅的进行form validation
Apr 07 Javascript
解决vue build打包之后首页白屏的问题
Mar 06 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
超神学院:鹤熙已踏入神圣领域,实力不比凯莎弱
2020/03/02 国漫
ThinkPHP使用心得分享-上传类UploadFile的使用
2014/05/15 PHP
php防止网站被刷新的方法汇总
2014/12/01 PHP
javascript 字符 Escape,encodeURI,encodeURIComponent
2009/07/09 Javascript
JSON 数字排序多字段排序介绍
2013/09/18 Javascript
AngularJS语法详解
2015/01/23 Javascript
jquery插件格式实例分析
2016/06/16 Javascript
DropDownList控件绑定数据源的三种方法
2016/12/24 Javascript
js中创建对象的几种方式
2017/02/05 Javascript
JS SetInterval 代码实现页面轮询
2017/08/11 Javascript
BootStrap Validator 根据条件在JS中添加或移除校验操作
2017/10/12 Javascript
基于javascript中的typeof和类型判断(详解)
2017/10/27 Javascript
javaScript canvas实现(画笔大小 颜色 橡皮的实例)
2017/11/28 Javascript
JS实现数组删除指定元素功能示例
2019/06/05 Javascript
vue iview多张图片大图预览、缩放翻转
2019/07/13 Javascript
python连接字符串的方法小结
2015/07/13 Python
Python字符串切片操作知识详解
2016/03/28 Python
Python实现小数转化为百分数的格式化输出方法示例
2017/09/20 Python
Python3将jpg转为pdf文件的方法示例
2019/12/13 Python
Pandas之read_csv()读取文件跳过报错行的解决
2020/04/21 Python
Python基于gevent实现文件字符串查找器
2020/08/11 Python
实现CSS3中的border-radius(边框圆角)示例代码
2013/07/19 HTML / CSS
非常漂亮的CSS3百叶窗焦点图动画
2016/02/24 HTML / CSS
固特异美国在线轮胎店:Goodyear Tire
2019/02/23 全球购物
英国运动服、设备及配件网站:DW Sports
2019/12/04 全球购物
.NET现在共支持多少种语言
2014/02/26 面试题
使用Vue.js和MJML创建响应式电子邮件
2021/03/23 Vue.js
化学系大学生自荐信范文
2014/03/01 职场文书
临床专业自荐信
2014/06/22 职场文书
婚前保证书范文
2015/02/28 职场文书
门店店长岗位职责
2015/04/14 职场文书
单身证明格式样本
2015/06/15 职场文书
2016优秀班主任个人先进事迹材料
2016/02/26 职场文书
2016年乡镇综治宣传月活动总结
2016/03/16 职场文书
python实现简单倒计时功能
2021/04/21 Python
永中文档在线转换预览基于nginx配置部署方案
2022/06/10 Servers