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 模拟JQuery的Ready方法实现并出现的问题
Dec 06 Javascript
javascript中数组array及string的方法总结
Nov 28 Javascript
纯javascript实现自动发送邮件
Oct 21 Javascript
Bootstrap每天必学之导航
Nov 26 Javascript
AngularJS基础 ng-submit 指令简单示例
Aug 03 Javascript
Bootstrap如何创建表单
Oct 21 Javascript
jquery实现文本框的禁用和启用
Dec 07 Javascript
angular-ngSanitize模块-$sanitize服务详解
Jun 13 Javascript
JS运动改变单物体透明度的方法分析
Jan 23 Javascript
Vue-cli3简单使用(图文步骤)
Apr 30 Javascript
vue v-for出来的列表,点击某个li使得当前被点击的li字体变红操作
Jul 17 Javascript
JS实现4位随机验证码
Oct 19 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新手上路(四)
2006/10/09 PHP
php PDO中文乱码解决办法
2009/07/20 PHP
php实现每天自动变换随机问候语的方法
2015/05/12 PHP
php+ajax制作无刷新留言板
2015/10/27 PHP
PHP实现随机生成水印图片功能
2017/03/22 PHP
PHP的PDO连接讲解
2019/01/24 PHP
php-fpm重启导致的程序执行中断问题详解
2019/04/29 PHP
浅析PHP反序列化中过滤函数使用不当导致的对象注入问题
2020/02/15 PHP
用 javascript 实现的点击复制代码
2007/03/24 Javascript
Javascript 面试题随笔
2011/03/31 Javascript
JavaScript中对象property的读取和写入方法介绍
2014/12/30 Javascript
AJAX实现瀑布流触发分页与分页触发瀑布流的方法
2016/05/23 Javascript
jQuery插件easyUI实现通过JS显示Dialog的方法
2016/09/16 Javascript
Bootstrap CSS组件之按钮组(btn-group)
2016/12/17 Javascript
微信小程序使用swiper组件实现类3D轮播图
2018/08/29 Javascript
用POSTMAN发送JSON格式的POST请求示例
2018/09/04 Javascript
VUE脚手架具体使用方法
2019/05/20 Javascript
微信小程序开发之map地图组件定位并手动修改位置偏差
2019/08/17 Javascript
vux-scroller实现移动端上拉加载功能过程解析
2019/10/08 Javascript
javascript实现点击产生随机图形
2021/01/25 Javascript
[43:51]2014 DOTA2国际邀请赛中国区预选赛 Dream Times VS TongFu
2014/05/22 DOTA
如何优雅地改进Django中的模板碎片缓存详解
2018/07/04 Python
解决使用pycharm提交代码时冲突之后文件丢失找回的方法
2018/08/05 Python
Python可视化mhd格式和raw格式的医学图像并保存的方法
2019/01/24 Python
pytorch中的自定义数据处理详解
2020/01/06 Python
keras实现VGG16 CIFAR10数据集方式
2020/07/07 Python
季度思想汇报
2014/01/01 职场文书
给领导的致歉信范文
2014/01/13 职场文书
高二地理教学反思
2014/01/24 职场文书
社保转移委托书范本
2014/10/08 职场文书
离婚协议书范文
2015/01/26 职场文书
暂住证证明
2015/06/19 职场文书
班主任工作经验交流会总结
2015/11/02 职场文书
青年人初次创业的“五不要”
2019/08/23 职场文书
Django路由层如何获取正确的url
2021/07/15 Python
Python 的演示平台支持 WSGI 接口的应用
2022/04/20 Python