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 相关文章推荐
javascript之ESC(第二类混淆)
May 06 Javascript
JavaScript 用Node.js写Shell脚本[译]
Sep 20 Javascript
jquery插件jTimer(jquery定时器)使用方法
Dec 23 Javascript
JS简单实现城市二级联动选择插件的方法
Aug 19 Javascript
干货分享:让你分分钟学会javascript闭包
Dec 25 Javascript
seajs学习教程之基础篇
Oct 20 Javascript
如何编写jquery插件
Mar 29 jQuery
详解用webpack的CommonsChunkPlugin提取公共代码的3种方式
Nov 09 Javascript
vue devtools的安装与使用教程
Aug 08 Javascript
使用Promise封装小程序wx.request的实现方法
Nov 13 Javascript
JavaScript实现烟花绽放动画效果
Aug 04 Javascript
JS前端使用canvas实现物体的点选示例
Aug 05 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/04 星际争霸
PHP对象转换为数组函数(递归方法)
2012/02/04 PHP
PHP上传图片进行等比缩放可增加水印功能
2014/01/13 PHP
PHP学习笔记之字符串编码的转换和判断
2014/05/22 PHP
PHP中的常见魔术方法功能作用及用法实例
2015/07/01 PHP
jquery select操作的日期联动实现代码
2009/12/06 Javascript
onsubmit阻止form表单提交与onclick的相关操作
2010/09/03 Javascript
基于jquery的多功能软键盘插件
2012/07/25 Javascript
jquery对table中各数据的增加、保存、删除操作示例
2014/05/14 Javascript
JavaScript中调用函数的4种方式代码实例
2015/07/08 Javascript
jquery实现浮动在网页右下角的彩票开奖公告窗口代码
2015/09/04 Javascript
jquery插件锦集【推荐】
2016/12/16 Javascript
微信小程序之页面拦截器的示例代码
2017/09/07 Javascript
浏览器事件循环与vue nextTicket的实现
2019/04/16 Javascript
详解搭建一个vue-cli的移动端H5开发模板
2020/01/17 Javascript
javascript实现简易数码时钟
2020/03/30 Javascript
JavaScript JSON使用原理及注意事项
2020/07/30 Javascript
go和python调用其它程序并得到程序输出
2014/02/10 Python
Python程序设计入门(4)模块和包
2014/06/16 Python
实例讲解Python中的私有属性
2014/08/21 Python
Python 获取主机ip与hostname的方法
2018/12/17 Python
在Pycharm中修改文件默认打开方式的方法
2019/01/17 Python
python使用pandas抽样训练数据中某个类别实例
2020/02/28 Python
使用CSS3在触屏上为按钮实现激活效果
2013/09/27 HTML / CSS
英国领先的酒杯和水晶玻璃器皿制造商:Dartington Crystal
2019/06/23 全球购物
Linden Leaves官网:新西兰纯净护肤品
2020/12/20 全球购物
英文版餐饮运营管理求职信
2013/11/06 职场文书
十佳教师事迹材料
2014/01/11 职场文书
幼儿园中班新学期寄语
2014/01/18 职场文书
上级检查欢迎词
2014/01/18 职场文书
《社戏》教学反思
2014/04/15 职场文书
作风建设年活动总结
2014/08/27 职场文书
技术经济专业求职信
2014/09/03 职场文书
预备党员转正党小组意见
2015/06/01 职场文书
使用react-virtualized实现图片动态高度长列表的问题
2021/05/28 Javascript
JavaScript中reduce()的用法
2022/05/11 Javascript