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活用事件触发对象动作
Aug 10 Javascript
javascript开发技术大全 第4章 直接量与字符集
Jul 03 Javascript
如何让DIV可编辑、可拖动示例代码
Sep 18 Javascript
js showModalDialog弹出窗口实例详解
Jan 07 Javascript
js动态修改整个页面样式达到换肤效果
May 23 Javascript
跟我学习javascript的prototype使用注意事项
Nov 17 Javascript
jQuery遮罩层实现方法实例详解(附遮罩层插件)
Dec 08 Javascript
JS作为值的函数用法示例
Jun 20 Javascript
JavaScript给每一个li节点绑定点击事件的实现方法
Dec 01 Javascript
原生js实现节日时间倒计时功能
Jan 18 Javascript
JavaScript实现计数器基础方法
Oct 10 Javascript
Vue 实现从文件中获取文本信息的方法详解
Oct 16 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
ThinkPHP中Session用法详解
2014/11/29 PHP
php HTML无刷新提交表单
2016/04/05 PHP
php使用 readfile() 函数设置文件大小大小的方法
2017/08/11 PHP
从sohu弄下来的flash中展示图片的代码
2007/04/27 Javascript
Extjs优化(二)Form表单提交通用实现
2013/04/15 Javascript
Node.js模块加载详解
2014/08/16 Javascript
jQuery对于显示和隐藏等常用状态的判断方法
2014/12/13 Javascript
jQuery中[attribute=value]选择器用法实例
2014/12/31 Javascript
JS+CSS实现带关闭按钮DIV弹出窗口的方法
2015/02/27 Javascript
jQuery实现带动画效果的多级下拉菜单代码
2015/09/08 Javascript
Node.js程序中的本地文件操作用法小结
2016/03/06 Javascript
jQuery中实现prop()函数控制多选框(全选,反选)
2016/08/19 Javascript
canvas实现流星雨的背景效果
2017/01/13 Javascript
浅析jsopn跨域请求原理及cors(跨域资源共享)的完美解决方法
2017/02/06 Javascript
JQuery validate 验证一个单独的表单元素实例
2017/02/17 Javascript
H5上传本地图片并预览功能
2017/05/08 Javascript
解决vue.js在编写过程中出现空格不规范报错的问题
2017/09/20 Javascript
原生JavaScript实现Ajax异步请求
2017/11/19 Javascript
Vue $emit $refs子父组件间方法的调用实例
2018/09/12 Javascript
3分钟了解vue数据劫持的原理实现
2019/05/01 Javascript
简单了解微信小程序的目录结构
2019/07/01 Javascript
详解vue beforeRouteEnter 异步获取数据给实例问题
2019/08/09 Javascript
[50:17]Newbee vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
python3实现爬取淘宝美食代码分享
2018/09/23 Python
Python绘制并保存指定大小图像的方法
2019/01/10 Python
python之线程通过信号pyqtSignal刷新ui的方法
2019/01/11 Python
解决Django连接db遇到的问题
2019/08/29 Python
python 正则表达式贪婪模式与非贪婪模式原理、用法实例分析
2019/10/14 Python
Veronica Beard官网:在酷、经典和别致之间找到了平衡
2018/01/11 全球购物
纺织工程专业个人求职信范文
2014/01/27 职场文书
解除劳动合同协议书范本
2014/09/13 职场文书
政风行风整改报告
2014/11/06 职场文书
皇城相府导游词
2015/02/06 职场文书
音乐会主持人开场白
2015/05/28 职场文书
如何利用JavaScript实现二叉搜索树
2021/04/02 Javascript
mysql 8.0.24版本安装配置方法图文教程
2021/05/12 MySQL