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 相关文章推荐
js每次Title显示不同的名言
Sep 25 Javascript
锋利的jQuery jQuery中的DOM操作
Mar 21 Javascript
js中的push和join方法使用介绍
Oct 08 Javascript
Node.js实现在目录中查找某个字符串及所在文件
Sep 03 Javascript
JavaScript正则表达式匹配 div  style标签
Mar 15 Javascript
vue.js指令v-model实现方法
Dec 05 Javascript
vuejs父子组件通信的问题
Jan 11 Javascript
javascript 秒表计时器实现代码
Mar 09 Javascript
vue中计算属性(computed)、methods和watched之间的区别
Jul 27 Javascript
微信小程序模板和模块化用法实例分析
Nov 28 Javascript
微信小程序Echarts图表组件使用方法详解
Jun 25 Javascript
Electron+vue从零开始打造一个本地播放器的方法示例
Oct 27 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 设置MySQL连接字符集的方法
2011/01/02 PHP
广告代码静态化js通用函数
2007/05/09 Javascript
javascript据option的value值快速设定初始的selected选项
2007/08/13 Javascript
jQuery弹出层始终垂直居中相对于屏幕或当前窗口
2013/04/01 Javascript
jQuery使用技巧简单汇总
2013/04/18 Javascript
js隐式全局变量造成的bug示例代码
2014/04/22 Javascript
最短的IE判断var ie=!-[1,]分析
2014/05/28 Javascript
jQuery监听文件上传实现进度条效果的方法
2016/10/16 Javascript
Vue.js创建Calendar日历效果
2016/11/03 Javascript
Angularjs中的页面访问权限怎么设置
2016/11/11 Javascript
JS闭包与延迟求值用法示例
2016/12/22 Javascript
JavaScript中将值转换为字符串的五种方法总结
2019/06/06 Javascript
修改vue源码实现动态路由缓存的方法
2020/01/21 Javascript
通过javascript实现扫雷游戏代码实例
2020/02/09 Javascript
vue从零实现一个消息通知组件的方法详解
2020/03/16 Javascript
JavaScript语句错误throw、try及catch实例解析
2020/08/18 Javascript
原生js实现自定义难度的扫雷游戏
2021/01/22 Javascript
[10:49]2014国际邀请赛 叨叨刀塔第二期为真正的电竞喝彩
2014/07/21 DOTA
Python字典操作简明总结
2015/04/13 Python
python制作一个桌面便签软件
2015/08/09 Python
python列表生成式与列表生成器的使用
2018/02/23 Python
python3+PyQt5实现自定义窗口部件Counters
2018/04/20 Python
可能是最全面的 Python 字符串拼接总结【收藏】
2018/07/09 Python
Python3使用xml.dom.minidom和xml.etree模块儿解析xml文件封装函数的方法
2019/09/23 Python
django restframework serializer 增加自定义字段操作
2020/07/15 Python
python爬虫要用到的库总结
2020/07/28 Python
Hoover胡佛官网:美国吸尘器和洗地机品牌
2019/01/09 全球购物
金讯Java笔试题目
2013/06/18 面试题
计算机网络及管理学专业求职信
2014/06/05 职场文书
心得体会的写法
2014/09/05 职场文书
2014年团员学习十八大思想汇报
2014/09/13 职场文书
2014年财务工作总结范文
2014/11/11 职场文书
关爱留守儿童捐款倡议书
2015/04/27 职场文书
2015年教研室工作总结范文
2015/05/23 职场文书
被告代理词范文
2015/05/25 职场文书
CentOS 7安装mysql5.7使用XtraBackUp备份工具命令详解
2022/04/12 MySQL