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 相关文章推荐
javascript 兼容所有浏览器的DOM扩展功能
Aug 01 Javascript
js实现在字符串中提取数字
Nov 05 Javascript
Js nodeType 属性全面解析
Nov 14 Javascript
js调试系列 控制台命令行API使用方法
Jun 18 Javascript
基于JavaScript实现生成名片、链接等二维码
Sep 20 Javascript
bootstrap读书笔记之CSS组件(上)
Oct 17 Javascript
Bootstrap下拉菜单Dropdowns的实现代码
Mar 17 Javascript
JS实现简单拖拽效果
Jun 21 Javascript
vue中$refs的用法及作用详解
Apr 24 Javascript
Angular如何由模板生成DOM树的方法
Dec 23 Javascript
node 版本切换的实现
Feb 02 Javascript
谈谈JavaScript中的函数
Sep 08 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
法兰绒滤网冲泡
2021/03/03 冲泡冲煮
php学习之 循环结构实现代码
2011/06/09 PHP
php中怎么搜索相关联数组键值及获取之
2013/10/17 PHP
php+xml结合Ajax实现点赞功能完整实例
2015/01/30 PHP
[原创]PHP实现字节数Byte转换为KB、MB、GB、TB的方法
2017/08/31 PHP
JavaScript高级程序设计
2006/12/29 Javascript
JavaScript中操作字符串小结
2015/05/04 Javascript
js实现新浪微博首页效果
2015/10/16 Javascript
浅析Javascript ES6新增值比较函数Object.is
2016/08/24 Javascript
Nodejs下用submit提交表单提示cannot post错误的解决方法
2016/11/21 NodeJs
JS键盘版计算器的制作方法
2016/12/03 Javascript
angular使用bootstrap方法手动启动的实例代码
2017/07/18 Javascript
微信小程序实现红包功能(后端PHP实现逻辑)
2018/07/11 Javascript
layer.prompt使文本框为空的情况下也能点击确定的方法
2019/09/24 Javascript
VUE实现Studio管理后台之鼠标拖放改变窗口大小
2020/03/04 Javascript
JQuery获得内容和属性方法解析
2020/05/30 jQuery
vue的$http的get请求要加上params操作
2020/11/12 Javascript
剖析Django中模版标签的解析与参数传递
2015/07/21 Python
python+matplotlib实现鼠标移动三角形高亮及索引显示
2018/01/15 Python
Python爬豆瓣电影实例
2018/02/23 Python
PyTorch快速搭建神经网络及其保存提取方法详解
2018/04/28 Python
深入flask之异步非堵塞实现代码示例
2018/07/31 Python
django ajax发送post请求的两种方法
2020/01/05 Python
scrapy利用selenium爬取豆瓣阅读的全步骤
2020/09/20 Python
Python word文本自动化操作实现方法解析
2020/11/05 Python
Python实现树莓派摄像头持续录像并传送到主机的步骤
2020/11/30 Python
Python字符串的15个基本操作(小结)
2021/02/03 Python
BCBG官网:BCBGMAXAZRIA
2017/12/29 全球购物
乌克兰电子和家用电器商店:Foxtrot
2019/07/23 全球购物
一道Delphi上机题
2012/06/04 面试题
公务员转正鉴定材料
2014/02/11 职场文书
个人政风行风自查自纠报告
2014/10/21 职场文书
酒店总经理岗位职责
2015/04/01 职场文书
安娜卡列尼娜观后感
2015/06/11 职场文书
SQL IDENTITY_INSERT作用案例详解
2021/08/23 MySQL
TS 类型兼容教程示例详解
2022/09/23 Javascript