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脚本性能的优化方法
Feb 02 Javascript
用js实现的页面关键字密度查询代码
Dec 27 Javascript
JavaScript中创建类/对象的几种方法总结
Nov 29 Javascript
AngularJs html compiler详解及示例代码
Sep 01 Javascript
jQuery实现侧浮窗与中浮窗切换效果的方法
Sep 05 Javascript
jQuery EasyUI右键菜单实现关闭标签/选项卡
Oct 10 Javascript
Bootstrap框架的学习教程详解(二)
Oct 18 Javascript
js拖拽功能实现代码解析
Nov 28 Javascript
jQuery实现增删改查
Dec 22 jQuery
vue项目多环境配置(.env)的实现
Jul 21 Vue.js
js中Object.create实例用法详解
Oct 05 Javascript
在 HTML 页面中使用 React的场景分析
Jan 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
PHP无刷新上传文件实现代码
2011/09/19 PHP
php数组转成json格式的方法
2015/03/09 PHP
PHP框架Laravel插件Pagination实现自定义分页
2020/04/22 PHP
phpinfo无法显示的原因及解决办法
2019/02/15 PHP
jquery星级插件、支持页面中多次使用
2012/03/25 Javascript
在父页面调用子页面的JS方法
2013/09/29 Javascript
jquery动态加载select下拉框示例代码
2013/12/10 Javascript
Jquery异步提交表单代码分享
2015/03/26 Javascript
jquery制作多功能轮播图插件
2015/04/02 Javascript
JavaScript中的Math.LN2属性用法详解
2015/06/12 Javascript
跟我学习javascript的prototype,getPrototypeOf和__proto__
2015/11/17 Javascript
JavaScript驾驭网页-获取网页元素
2016/03/24 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(二)
2016/05/17 Javascript
原生js三级联动的简单实现代码
2016/06/07 Javascript
浅谈javascript中执行环境(作用域)与作用域链
2016/12/08 Javascript
用angular实现多选按钮的全选与反选实例代码
2017/05/23 Javascript
Vuex中实现数据状态查询与更改
2019/11/08 Javascript
JavaScript仿京东轮播图效果
2021/02/25 Javascript
Python 正则表达式操作指南
2009/05/04 Python
Python 匹配任意字符(包括换行符)的正则表达式写法
2009/10/29 Python
Python判断字符串与大小写转换
2015/06/08 Python
python字典DICT类型合并详解
2017/08/17 Python
Python中最大最小赋值小技巧(分享)
2017/12/23 Python
Python实现处理逆波兰表达式示例
2018/07/30 Python
Python从使用线程到使用async/await的深入讲解
2018/09/16 Python
python中用Scrapy实现定时爬虫的实例讲解
2021/01/18 Python
联想智利官方网站:Lenovo Chile
2020/06/03 全球购物
毕业学生推荐信
2013/12/01 职场文书
军训自我鉴定200字
2014/02/13 职场文书
初中学生评语大全
2014/04/24 职场文书
舞蹈兴趣小组活动总结
2014/07/07 职场文书
股东出资证明书(正规版)
2014/09/24 职场文书
滞留工资返还协议书
2014/10/19 职场文书
2014年组织委员工作总结
2014/12/01 职场文书
新郎结婚保证书
2015/02/26 职场文书
Qt数据库应用之实现图片转pdf
2022/06/01 Java/Android