js全选按钮的实现方法


Posted in Javascript onNovember 17, 2015

本文实例讲述了js全选按钮的实现代码。分享给大家供大家参考。具体如下:
运行效果截图如下:

 js全选按钮的实现方法

具体代码如下

<html>
 <head>
   <title>复选框checked属性</title>
   <script language="JavaScript" type="text/javascript">
      function changeState(isChecked)
     {
       var chk_list=document.getElementsByTagName("input");
       for(var i=0;i<chk_list.length;i++)
        {
         if(chk_list[i].type=="checkbox")
          {
           chk_list[i].checked=isChecked;
          }
        }
    }
   </script>
 </head>
 <body>
   <h1>请选择你的爱好</h1>
   <form name="myForm1">
     <input type="checkbox" name="cb1" checked>看书<br>
     <input type="checkbox" name="cb2" checked>上网<br>
     <input type="checkbox" name="cb3">游戏<br>
   </form>
   <hr>
   <form name="myForm2">
     <input type="checkbox" name="cb" onclick="changeState(this.checked)">全选
   </form>
 </body>
</html>

以上就是js全选按钮的实现方法,希望对大家的学习有所帮助。

Javascript 相关文章推荐
另类调用flash无须激活的方法
Dec 27 Javascript
JS自定义功能函数实现动态添加网址参数修改网址参数值
Aug 02 Javascript
Node.js node-schedule定时任务隔多少分钟执行一次的方法
Feb 10 Javascript
JS制作适用于手机和电脑的通知信息效果
Oct 28 Javascript
JavaScript中清空数组的方法总结
Dec 02 Javascript
Bootstrap媒体对象学习使用
Mar 07 Javascript
详解Angular 4.x 动态创建组件
Apr 25 Javascript
Grunt针对静态文件的压缩,版本控制打包的实例讲解
Sep 29 Javascript
手把手教你使用vue-cli脚手架(图文解析)
Nov 08 Javascript
详解node.js 下载图片的 2 种方式
Mar 02 Javascript
详解javascript appendChild()的完整功能
Aug 18 Javascript
Vue 应用中结合vux使用微信 jssdk的方法
Aug 28 Javascript
javascript实现省市区三级联动下拉框菜单
Nov 17 #Javascript
javascript中return,return true,return false三者的用法及区别
Nov 17 #Javascript
jquery表单验证需要做些什么
Nov 17 #Javascript
今天抽时间给大家整理jquery和ajax的相关知识
Nov 17 #Javascript
jquery验证手机号是否正确实例讲解
Nov 17 #Javascript
跟我学习javascript的prototype使用注意事项
Nov 17 #Javascript
js弹出对话框方式小结
Nov 17 #Javascript
You might like
discuz Passport 通行证 整合笔记
2008/06/30 PHP
通过缓存数据库结果提高PHP性能的原理介绍
2012/09/05 PHP
让IE8支持DOM 2(不用框架!)
2009/12/31 Javascript
复选框全选与全不选操作实现思路
2013/08/18 Javascript
JQuery控制div外点击隐藏而div内点击不会隐藏的方法
2015/01/13 Javascript
js操作滚动条事件实例
2015/01/29 Javascript
js实现简单的联动菜单效果
2015/08/19 Javascript
跟我学习javascript的call(),apply(),bind()与回调
2015/11/16 Javascript
JS脚本实现动态给标签控件添加事件的方法
2016/06/02 Javascript
jQuery四种选择器使用及示例
2016/06/05 Javascript
JQuery和PHP结合实现动态进度条上传显示
2016/11/23 Javascript
JS中Safari浏览器中的Date
2017/07/17 Javascript
vue.js 嵌套循环、if判断、动态删除的实例
2018/03/07 Javascript
[01:01:35]Optic vs paiN 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python 时间处理datetime实例
2008/09/06 Python
学习python 之编写简单乘法运算题
2016/02/27 Python
解决Python requests 报错方法集锦
2017/03/19 Python
python操作xlsx文件的包openpyxl实例
2018/05/03 Python
Python实现抓取HTML网页并以PDF文件形式保存的方法
2018/05/08 Python
python输入整条数据分割存入数组的方法
2018/11/13 Python
利用Python如何实现一个小说网站雏形
2018/11/23 Python
Python 图像处理: 生成二维高斯分布蒙版的实例
2019/07/04 Python
Python日志:自定义输出字段 json格式输出方式
2020/04/27 Python
python制作一个简单的gui 数据库查询界面
2020/11/19 Python
SQL Server笔试题
2012/01/10 面试题
Linux的主要特性
2016/09/03 面试题
红色故事演讲稿
2014/05/22 职场文书
生活部的活动方案
2014/08/19 职场文书
2014年民警工作总结
2014/11/25 职场文书
服务员岗位职责
2015/02/03 职场文书
英文自荐信范文
2015/03/25 职场文书
写给媳妇的检讨书
2015/05/06 职场文书
2021年国产动漫公司排行前十名,玄机科技上榜,第二推出过铠甲勇士
2022/03/18 杂记
配置Kubernetes外网访问集群
2022/03/31 Servers
Mysql 如何合理地统计一个数据库里的所有表的数据量
2022/04/18 MySQL
python实现简单的三子棋游戏
2022/04/28 Python