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 相关文章推荐
url 编码 js url传参中文乱码解决方案
Apr 11 Javascript
JavaScript经典效果集锦
Jul 06 Javascript
js中单引号与双引号冲突问题解决方法
Oct 04 Javascript
open 动态修改img的onclick事件示例代码
Nov 13 Javascript
HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
Nov 25 Javascript
vue 中filter的多种用法
Apr 26 Javascript
jQuery实现每隔一段时间自动更换样式的方法分析
May 03 jQuery
angular2组件中定时刷新并清除定时器的实例讲解
Aug 31 Javascript
解决v-for中使用v-if或者v-bind:class失效的问题
Sep 25 Javascript
JQuery事件委托原理与用法实例分析
May 13 jQuery
javascript中call,apply,callee,caller用法实例分析
Jul 24 Javascript
理解Proxy及使用Proxy实现vue数据双向绑定操作
Jul 18 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
CI框架封装的常用图像处理方法(缩略图,水印,旋转,上传等)
2016/11/22 PHP
PHP静态延迟绑定和普通静态效率的对比
2017/10/20 PHP
javascript Base类 包含基本的方法
2009/07/22 Javascript
javascript函数中的arguments参数
2010/08/01 Javascript
JS 精确统计网站访问量的实例代码
2013/07/05 Javascript
网页防止tab键的使用快速解决方法
2013/11/07 Javascript
javascript中日期函数new Date()的浏览器兼容性问题
2015/09/05 Javascript
给before和after伪元素设置js效果的方法
2015/12/04 Javascript
Bootstrap3制作图片轮播效果
2016/05/12 Javascript
javascript实现简单的on事件绑定
2016/08/23 Javascript
Bootstrap中点击按钮后变灰并显示加载中实例代码
2016/09/23 Javascript
jQuery轻松实现无缝轮播效果
2017/03/22 jQuery
关于angular js_$watch监控属性和对象详解
2017/04/24 Javascript
nodeJS实现简单网页爬虫功能的实例(分享)
2017/06/08 NodeJs
angularjs路由传值$routeParams详解
2020/09/05 Javascript
解决VUE框架 导致绑定事件的阻止冒泡失效问题
2018/02/24 Javascript
Vue服务端渲染实践之Web应用首屏耗时最优化方案
2019/03/22 Javascript
详解小程序input框失焦事件在提交事件前的处理
2019/05/05 Javascript
koa+jwt实现token验证与刷新功能
2019/05/30 Javascript
浅谈Vue2.4.0 $attrs与inheritAttrs的具体使用
2020/03/08 Javascript
vue将文件/图片批量打包下载zip的教程
2020/10/21 Javascript
python中xrange和range的区别
2014/05/13 Python
Python学习之asyncore模块用法实例教程
2014/09/29 Python
python脚本替换指定行实现步骤
2017/07/11 Python
python使用RNN实现文本分类
2018/05/24 Python
屏蔽Django admin界面添加按钮的操作
2020/03/11 Python
宝塔面板出现“open_basedir restriction in effect. ”的解决方法
2021/03/14 PHP
html5生成柱状图(条形图)效果的实例代码
2016/03/25 HTML / CSS
浅谈HTML5 &amp; CSS3的新交互特性
2016/07/19 HTML / CSS
美国摄影爱好者购物网站:Focus Camera
2016/10/21 全球购物
娇韵诗法国官网:Clarins法国
2019/01/29 全球购物
adidas瑞典官方网站:购买阿迪达斯鞋子和运动服
2019/12/11 全球购物
Linux操作面试题
2012/05/16 面试题
总务岗位职责
2013/11/19 职场文书
八一演出活动方案
2014/02/03 职场文书
2014年招商引资工作总结
2014/11/22 职场文书