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 相关文章推荐
HTML中的setCapture和releaseCapture使用介绍
Mar 21 Javascript
jsvascript图像处理—(计算机视觉应用)图像金字塔
Jan 15 Javascript
javascript获取函数名称、函数参数、对象属性名称的代码实例
Apr 12 Javascript
JS输入用户名自动显示邮箱后缀列表的方法
Jan 27 Javascript
浅谈jQuery的offset()方法及示例分享
Jul 17 Javascript
jQuery+jsp实现省市县三级联动效果(附源码)
Dec 03 Javascript
详解JavaScript逻辑Not运算符
Dec 04 Javascript
Node.js静态文件服务器改进版
Jan 10 Javascript
Vue2.0 从零开始_环境搭建操作步骤
Jun 14 Javascript
JS实现不用中间变量temp 实现两个变量值得交换方法
Feb 04 Javascript
微信小程序之下拉列表实现方法解析(附完整源码)
Aug 23 Javascript
Vue 图片压缩并上传至服务器功能
Jan 15 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
PHP调试函数和日志记录函数分享
2015/01/31 PHP
PHP实现的DES加密解密实例代码
2016/04/06 PHP
Thinkphp5.0 框架实现控制器向视图view赋值及视图view取值操作示例
2019/10/12 PHP
Package.js  现代化的JavaScript项目make工具
2012/05/23 Javascript
修改js Calendar日历控件 兼容IE9/谷歌/火狐
2013/01/04 Javascript
基于JavaScript 类的使用详解
2013/05/07 Javascript
Js中的onblur和onfocus事件应用介绍
2013/08/27 Javascript
js时间戳格式化成日期格式的多种方法
2013/11/11 Javascript
$.each遍历对象、数组的属性值并进行处理
2014/07/18 Javascript
Jsonp 关键字详解及json和jsonp的区别,ajax和jsonp的区别
2015/12/30 Javascript
浅谈JavaScript对象与继承
2016/07/10 Javascript
Vue.js中extend选项和delimiters选项的比较
2017/07/17 Javascript
Angular实现下载安装包的功能代码分享
2017/09/05 Javascript
为什么使用koa2搭建微信第三方公众平台的原因
2018/05/16 Javascript
Node.js中读取TXT文件内容fs.readFile()用法
2018/10/10 Javascript
微信小程序实现的绘制table表格功能示例
2019/04/26 Javascript
vue axios重复点击取消上一次请求封装的方法
2019/06/19 Javascript
js使用文件流下载csv文件的实现方法
2019/07/15 Javascript
[05:13]2018DOTA2亚洲邀请赛主赛事第二日战况回顾 LGD、VG双雄携手晋级
2018/04/05 DOTA
python实现的生成随机迷宫算法核心代码分享(含游戏完整代码)
2014/07/11 Python
Python+OpenCV让电脑帮你玩微信跳一跳
2018/01/04 Python
pycharm使用matplotlib.pyplot不显示图形的解决方法
2018/10/28 Python
用Python实现将一张图片分成9宫格的示例
2019/07/05 Python
Python模拟登入的N种方式(建议收藏)
2020/05/31 Python
百思买美国官网:Best Buy
2016/07/28 全球购物
护士岗位职责
2014/02/16 职场文书
群众路线对照检查材料思想汇报怎么写
2014/09/18 职场文书
2014年无财产无子女离婚协议书范本
2014/10/09 职场文书
学校政风行风整改方案
2014/10/25 职场文书
2014年行政后勤工作总结
2014/12/06 职场文书
优秀班主任推荐材料
2014/12/17 职场文书
小学生思想品德评语
2014/12/31 职场文书
入党介绍人意见怎么写
2015/06/03 职场文书
Java循环队列与非循环队列的区别总结
2021/06/22 Java/Android
死磕 java同步系列之synchronized解析
2021/06/28 Java/Android
集英社今正式宣布 成立游戏公司“集英社Games”
2022/03/31 其他游戏