用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 相关文章推荐
jQuery中文入门指南,翻译加实例,jQuery的起点教程
Feb 09 Javascript
整理一些JavaScript的IE和火狐的兼容性注意事项
Mar 17 Javascript
js onkeypress与onkeydown 事件区别详细说明
Dec 13 Javascript
删除条目时弹出的确认对话框
Jun 05 Javascript
javascript中数组array及string的方法总结
Nov 28 Javascript
setinterval()与clearInterval()JS函数的调用方法
Jan 21 Javascript
js控制输入框获得和失去焦点时状态显示的方法
Jan 30 Javascript
判断访客终端类型集锦
Jun 05 Javascript
纯JS前端实现分页代码
Jun 21 Javascript
node.js路径处理方法以及绝对路径详解
Mar 04 Javascript
bootstrap制作jsp页面(根据值让table显示选中)
Jan 05 Javascript
JavaScript数组和对象的复制
Mar 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
非洲第一个咖啡超凡杯大赛承办国—卢旺达的咖啡怎么样
2021/03/03 咖啡文化
跟我学Laravel之安装Laravel
2014/10/15 PHP
php通过smtp邮件验证登陆的方法
2016/05/11 PHP
PHP自定义函数获取URL中一级域名的方法
2016/08/23 PHP
PHP创建自己的Composer包方法
2018/04/09 PHP
浅谈javascript 面向对象编程
2009/10/28 Javascript
Jquery+CSS3实现一款简洁大气带滑动效果的弹出层
2013/05/15 Javascript
利用jQuery实现可以编辑的表格
2014/05/26 Javascript
node.js中的fs.realpathSync方法使用说明
2014/12/16 Javascript
用JavaScript实现对话框的教程
2015/06/04 Javascript
jQuery切换所有复选框选中状态的方法
2015/07/02 Javascript
Centos7 中安装 Node.js v4.4.4
2016/11/03 Javascript
全面解析node 表单的图片上传
2016/11/21 Javascript
JS匿名函数实例分析
2016/11/26 Javascript
利用yarn代替npm管理前端项目模块依赖的方法详解
2017/09/04 Javascript
微信小程序之页面拦截器的示例代码
2017/09/07 Javascript
iview table高度动态设置方法
2018/03/14 Javascript
[59:59]EG vs IG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python实现的udp协议Server和Client代码实例
2014/06/04 Python
windows上安装Anaconda和python的教程详解
2017/03/28 Python
基于Python List的赋值方法
2018/06/23 Python
Sanic框架流式传输操作示例
2018/07/18 Python
Python logging模块写入中文出现乱码
2020/05/21 Python
keras 如何保存最佳的训练模型
2020/05/25 Python
PyCharm 2020.2下配置Anaconda环境的方法步骤
2020/09/23 Python
支持IE8的纯css3开发的响应式设计动画菜单教程
2014/11/05 HTML / CSS
英国知名的皮手套品牌:Dents
2016/11/13 全球购物
Marmot土拨鼠官网:美国专业户外运动品牌
2018/01/11 全球购物
达拉斯牛仔官方商店:Dallas Cowboys Pro Shop
2018/02/10 全球购物
仓库管理专业个人自我评价范文
2013/11/11 职场文书
机关道德讲堂实施方案
2014/03/15 职场文书
关于保护环境的建议书
2014/05/13 职场文书
共青团员自我评价
2015/03/10 职场文书
2015年幼儿教师个人工作总结
2015/05/20 职场文书
圣诞晚会主持词
2015/07/01 职场文书
学校食堂管理制度
2015/08/04 职场文书