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 相关文章推荐
使用自定义setTimeout和setInterval使之可以传递参数和对象参数
Apr 24 Javascript
jquery的Tooltip插件 qtip使用详细说明
Sep 08 Javascript
一不小心就做错的JS闭包面试题
Nov 25 Javascript
从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别
Jun 12 Javascript
第一次接触神奇的Bootstrap导航条
Aug 09 Javascript
jQuery-mobile事件监听与用法详解
Nov 23 Javascript
Angular2 Service实现简单音乐播放器服务
Feb 24 Javascript
javascript匿名函数中的'return function()'作用
Oct 15 Javascript
为什么说JavaScript预解释是一种毫无节操的机制详析
Nov 18 Javascript
Nuxt.js之自动路由原理的实现方法
Nov 21 Javascript
layui监听select变化,以及设置radio选中的方法
Sep 24 Javascript
vue 解决mintui弹窗弹起来,底部页面滚动bug问题
Nov 12 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
网站防止被刷票的一些思路与方法
2015/01/08 PHP
PHP的CURL方法curl_setopt()函数案例介绍(抓取网页,POST数据)
2016/12/14 PHP
php实现的错误处理封装类实例
2017/06/20 PHP
php使用 readfile() 函数设置文件大小大小的方法
2017/08/11 PHP
利用js对象弹出一个层
2008/03/26 Javascript
Jquery 类网页微信二维码图块滚动效果具体实现
2013/10/14 Javascript
javascript从image转换为base64位编码的String
2014/07/29 Javascript
一段非常简单的js判断浏览器的内核
2014/08/17 Javascript
开源的javascript项目Kissy介绍
2014/11/28 Javascript
EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
2015/03/01 Javascript
jquery中表单 多选框的一种巧妙写法
2015/09/06 Javascript
理解javascript中Map代替循环
2016/02/26 Javascript
js的各种排序算法实现(总结)
2016/07/23 Javascript
d3.js入门教程之数据绑定详解
2017/04/28 Javascript
javascript兼容性(实例讲解)
2017/08/15 Javascript
ES6学习教程之模板字符串详解
2017/10/09 Javascript
微信小程序支付功能 php后台对接完整代码分享
2018/06/12 Javascript
关于vue编译版本引入的问题的解决
2018/09/17 Javascript
npm scripts 使用指南详解
2018/10/08 Javascript
Element input树型下拉框的实现代码
2018/12/21 Javascript
[01:00] DOTA2英雄背景故事第五期之重力引力法则谜团
2020/07/16 DOTA
Python读写文件方法总结
2015/06/09 Python
通过源码分析Python中的切片赋值
2017/05/08 Python
浅谈Python中range和xrange的区别
2017/12/20 Python
python 使用sys.stdin和fileinput读入标准输入的方法
2018/10/17 Python
python+tkinter实现学生管理系统
2019/08/20 Python
Jupyter notebook运行Spark+Scala教程
2020/04/10 Python
男女时尚与复古风格在线购物:RoseGal(全球免费送货)
2017/07/19 全球购物
你们项目是如何进行变更控制的
2015/08/26 面试题
公司投资建议书
2014/05/16 职场文书
清洁员岗位职责
2015/02/15 职场文书
2015年学生会主席工作总结
2015/04/21 职场文书
向雷锋同志学习倡议书
2015/04/27 职场文书
农民工工资保障承诺书
2015/05/04 职场文书
python如何利用traceback获取详细的异常信息
2021/06/05 Python
nginx从安装到配置详细说明(安装,安全配置,防盗链,动静分离,配置 HTTPS,性能优化)
2022/02/12 Servers