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 相关文章推荐
jQuery之尺寸调整组件的深入解析
Jun 19 Javascript
在js文件中如何获取basePath处理js路径问题
Jul 10 Javascript
简单的代码实现jquery定时器
Jan 03 Javascript
jQuery中scrollLeft()方法用法实例
Jan 16 Javascript
javascript实时显示北京时间的方法
Mar 12 Javascript
javascript简单判断输入内容是否合法的方法
May 11 Javascript
js仿京东轮播效果 选项卡套选项卡使用
Jan 12 Javascript
jquery编写日期选择器
Mar 16 Javascript
基于AGS JS开发自定义贴图图层
Mar 31 Javascript
详解vue-cli项目中用json-sever搭建mock服务器
Nov 02 Javascript
Layui组件Table绑定行点击事件和获取行数据的方法
Aug 19 Javascript
小程序实现长按保存图片的方法
Dec 31 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 email邮箱正则
2008/10/08 PHP
php JWT在web端中的使用方法教程
2018/09/06 PHP
PHP如何通过表单直接提交大文件详解
2019/01/08 PHP
PHP中十六进制颜色与RGB颜色值互转的方法
2019/03/18 PHP
调试Node.JS的辅助工具(NodeWatcher)
2012/01/04 Javascript
JavaScript之自定义类型
2012/05/04 Javascript
js判断设备是否为PC并调整图片大小
2014/02/12 Javascript
JavaScript获取XML数据附示例截图
2014/03/05 Javascript
小结Node.js中非阻塞IO和事件循环
2014/09/18 Javascript
jquery实现Ctrl+Enter提交表单的方法
2015/07/21 Javascript
React Native基础入门之调试React Native应用的一小步
2018/07/02 Javascript
默认浏览器设置及vue自动打开页面的方法
2018/09/21 Javascript
基于javascript实现日历功能原理及代码实例
2020/05/07 Javascript
Python中的sort()方法使用基础教程
2017/01/08 Python
Pycharm学习教程(4) Python解释器的相关配置
2017/05/03 Python
Django ManyToManyField 跨越中间表查询的方法
2018/12/18 Python
python实现简单加密解密机制
2019/03/19 Python
python多进程下实现日志记录按时间分割
2019/07/22 Python
python文件操作的简单方法总结
2019/11/07 Python
opencv-python 提取sift特征并匹配的实例
2019/12/09 Python
如何将你的应用迁移到Python3的三个步骤
2019/12/22 Python
python pip安装包出现:Failed building wheel for xxx错误的解决
2019/12/25 Python
python实现滑雪者小游戏
2020/02/22 Python
基于python纯函数实现井字棋游戏
2020/05/27 Python
如何导出python安装的所有模块名称和版本号到文件中
2020/06/05 Python
html5实现canvas阴影效果示例
2014/05/07 HTML / CSS
html5小程序飞入购物车(抛物线绘制运动轨迹点)
2020/10/19 HTML / CSS
哄娃神器4moms商店:美国婴童用品品牌
2019/03/07 全球购物
通用C#笔试题附答案
2016/11/26 面试题
工程造价专业大专生求职信
2013/10/06 职场文书
单位刻章介绍信范文
2014/01/11 职场文书
八一慰问活动方案
2014/02/07 职场文书
土建施工员岗位职责
2014/07/16 职场文书
立志成才演讲稿
2014/09/04 职场文书
没有孩子的离婚协议书怎么写
2014/09/17 职场文书
公司员工奖惩制度
2015/08/04 职场文书