js实现(全选)多选按钮的方法【附实例】


Posted in Javascript onMarch 30, 2016

第一种,全部选中:

<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实现(全选)多选按钮的方法【附实例】

第二种,选中指定的。

以上这篇js实现(全选)多选按钮的方法【附实例】就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Ext对基本类型的扩展 ext,extjs,format
Dec 25 Javascript
jQuery使用技巧简单汇总
Apr 18 Javascript
关于innerHTML后丢失动态绑定的EVENT问题解决方法
May 19 Javascript
Javascript拓展String方法小结
Jul 08 Javascript
20个实用的JavaScript技巧分享
Nov 28 Javascript
node.js中的fs.writeFile方法使用说明
Dec 14 Javascript
JS+jQuery实现注册信息的验证功能
Sep 26 jQuery
vue 表单输入格式化中文输入法异常问题
May 30 Javascript
详解JavaScript中typeof与instanceof用法
Oct 24 Javascript
Vue.js中Line第三方登录api的实现代码
Jun 29 Javascript
vue实现PC端分辨率适配操作
Aug 03 Javascript
基于element-ui封装表单金额输入框的方法示例
Jan 06 Javascript
用JS生成UUID的方法实例
Mar 30 #Javascript
如何通过js实现图片预览功能【附实例代码】
Mar 30 #Javascript
jquery $.trim()去除字符串空格的实现方法【附图例】
Mar 30 #Javascript
jquery实现简单的banner轮播效果【实例】
Mar 30 #Javascript
jquery实现一个简单的表单验证实例
Mar 30 #Javascript
js实现密码强度检测【附示例】
Mar 30 #Javascript
原生javascript实现的一个简单动画效果
Mar 30 #Javascript
You might like
php学习之运算符相关概念
2011/06/09 PHP
PHP使用CURL_MULTI实现多线程采集的例子
2014/07/29 PHP
PHP里8个鲜为人知的安全函数分析
2014/12/09 PHP
PHP设计模式之装饰器模式实例详解
2018/02/07 PHP
Dom加载让图片加载完再执行的脚本代码
2008/05/15 Javascript
用js制作淘宝放大镜效果
2020/10/28 Javascript
微信小程序 引用其他js文件实现代码
2017/02/22 Javascript
探索Vue高阶组件的使用
2018/01/08 Javascript
Vuejs在v-for中,利用index来对第一项添加class的方法
2018/03/03 Javascript
swiper.js插件实现pc端文本上下滑动功能示例
2018/12/03 Javascript
vue-cli脚手架引入弹出层layer插件的几种方法
2019/06/24 Javascript
JS Thunk 函数的含义和用法实例总结
2020/04/08 Javascript
Node使用koa2实现一个简单JWT鉴权的方法
2021/01/26 Javascript
用python删除java文件头上版权信息的方法
2014/07/31 Python
Python IDLE清空窗口的实例
2018/06/25 Python
Python任意字符串转16, 32, 64进制的方法
2019/06/12 Python
Python爬虫:将headers请求头字符串转为字典的方法
2019/08/21 Python
Python序列类型的打包和解包实例
2019/12/21 Python
python实现双色球随机选号
2020/01/01 Python
tensorboard实现同时显示训练曲线和测试曲线
2020/01/21 Python
Pycharm2020.1安装无法启动问题即设置中文插件的方法
2020/08/07 Python
python实现启动一个外部程序,并且不阻塞当前进程
2020/12/05 Python
使用css3绘制出各种几何图形
2016/08/17 HTML / CSS
canvas实现有递增动画的环形进度条的实现方法
2019/07/10 HTML / CSS
JMS中Topic和Queue有什么区别
2013/05/15 面试题
毕业研究生的自我鉴定
2013/11/30 职场文书
库房管理员岗位职责
2014/03/09 职场文书
综合实践活动总结
2014/05/05 职场文书
节约用水的口号
2014/06/20 职场文书
群众路线对照检查材料思想汇报怎么写
2014/09/18 职场文书
领导班子在批评与自我批评座谈会上的发言
2014/09/28 职场文书
上班迟到检讨书300字
2014/10/18 职场文书
被告代理词范文
2015/05/25 职场文书
公文写作:教你写“建议书”
2019/05/07 职场文书
工作建议书范文
2019/07/08 职场文书
只用20行Python代码实现屏幕录制功能
2021/06/02 Python