用Javscript实现表单复选框的全选功能


Posted in Javascript onMay 25, 2007

一个比较常见的全选功能,前天在弄后台的时候有看到,整理了一下。具体:
//说明:form1为表单名,mId为复选框,selectbutton为全选按钮 
<script language="javascript"> 
   function selectAll()  
   { 
for (var i=0;i<document.form1.mId.length;i++) { 
var temp=document.form1.mId[i]; 
temp.checked=!temp.checked; 

   if (document.form1.selectButton.value=="全部选择") 
   { 
     document.form1.selectButton.value="取消全选"; 
   } 
   else 
   { 
     document.form1.selectButton.value="全部选择"; 
   } 

</script> 

复选框:<input name="mId" type="checkbox" value="复选框的值">
说明:注意复选框的name应该与上面脚本中的document.form1.mId对应

全选按钮:

<input type="button" name=selectButton value="全部选择" onClick="selectAll()">
同样注意name=selectButton 

Javascript 相关文章推荐
javascrpt绑定事件之匿名函数无法解除绑定问题
Dec 06 Javascript
javascript定时变换图片实例代码
Mar 17 Javascript
js和jquery使按钮失效为不可用状态的方法
Jan 26 Javascript
javascript设置文本框光标的方法实例小结
Nov 04 Javascript
AngularJS 在同一个界面启动多个ng-app应用模块详解
Dec 20 Javascript
详解Angular的数据显示优化处理
Dec 26 Javascript
求js数组的最大值和最小值的四种方法
Mar 03 Javascript
基于JavaScript实现数码时钟效果
Mar 30 Javascript
微信小程序实现城市列表选择
Jun 05 Javascript
浅析Proxy可以优化vue的数据监听机制问题及实现思路
Nov 29 Javascript
JavaScript 链表定义与使用方法示例
Apr 28 Javascript
vue pages 多入口项目 + chainWebpack 全局引用缩写说明
Sep 21 Javascript
更正确的asp冒泡排序
May 24 #Javascript
asp 的 分词实现代码
May 24 #Javascript
OfflineSave离线保存代码再次发布使用说明
May 23 #Javascript
不用MOUSEMOVE也能滑动啊
May 23 #Javascript
一个用js实现的页内搜索代码
May 23 #Javascript
一个js实现的所谓的滑动门
May 23 #Javascript
JavaScript网页制作特殊效果用随机数
May 22 #Javascript
You might like
Discuz 模板语句分析及知识技巧
2009/08/21 PHP
PHP将两个关联数组合并函数提高函数效率
2014/03/18 PHP
Jquery Ajax学习实例 向页面发出请求,返回XML格式数据
2010/03/14 Javascript
Jquery封装tab自动切换效果的具体实现
2013/07/13 Javascript
jQuery设置与获取HTML,文本和值的简单实例
2014/02/26 Javascript
jquery获取复选框被选中的值
2014/03/22 Javascript
IE10中flexigrid无法显示数据的解决方法
2015/07/26 Javascript
JS查找字符串中出现次数最多的字符
2016/09/05 Javascript
Javascript函数中的arguments.callee用法实例分析
2016/09/16 Javascript
JavaScript校验Number(4,1)格式的数字实例代码
2017/03/13 Javascript
详解express使用vue-router的history踩坑
2019/06/05 Javascript
vue项目中将element-ui table表格写成组件的实现代码
2019/06/12 Javascript
Vue-CLI 3 scp2自动部署项目至服务器的方法
2020/07/24 Javascript
[03:23]我的刀塔你不可能这么可爱 第一期金萌萌的故事
2014/06/20 DOTA
wxpython 学习笔记 第一天
2009/03/16 Python
使用Python进行稳定可靠的文件操作详解
2013/12/31 Python
使用python实现正则匹配检索远端FTP目录下的文件
2015/03/25 Python
Flask入门教程实例:搭建一个静态博客
2015/03/27 Python
Flask的图形化管理界面搭建框架Flask-Admin的使用教程
2016/06/13 Python
Sanic框架路由用法实例分析
2018/07/16 Python
python过滤中英文标点符号的实例代码
2019/07/15 Python
django 微信网页授权认证api的步骤详解
2019/07/30 Python
python3 字符串知识点学习笔记
2020/02/08 Python
pytorch实现seq2seq时对loss进行mask的方式
2020/02/18 Python
Tensorflow之MNIST CNN实现并保存、加载模型
2020/06/17 Python
维多利亚的秘密官方旗舰店:VICTORIA’S SECRET
2018/04/02 全球购物
波兰汽车配件网上商店:iParts.pl
2020/09/08 全球购物
《诺贝尔》教学反思
2014/02/17 职场文书
电子银行业务授权委托书
2014/10/10 职场文书
拾金不昧表扬信怎么写
2015/05/04 职场文书
中学后勤工作总结2015
2015/07/22 职场文书
2016大学生党校学习心得体会
2016/01/06 职场文书
学校团代会开幕词
2016/03/04 职场文书
tensorboard 可视化之localhost:6006不显示的解决方案
2021/05/22 Python
mysql查询结果实现多列拼接查询
2022/04/03 MySQL
Mysql中mvcc各场景理解应用
2022/08/05 MySQL