用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 相关文章推荐
替代window.event.srcElement效果的可兼容性的函数
Dec 18 Javascript
面向对象的Javascript之三(封装和信息隐藏)
Jan 27 Javascript
原生JS操作网页给p元素添加onclick事件及表格隔行变色
Dec 01 Javascript
使用cluster 将自己的Node服务器扩展为多线程服务器
Nov 10 Javascript
JQuery validate插件验证用户注册信息
May 11 Javascript
AngularJS基础 ng-keydown 指令简单示例
Aug 02 Javascript
轻松掌握JavaScript中介者模式
Aug 26 Javascript
vue.js获得当前元素的文字信息方法
Mar 09 Javascript
jQuery.parseJSON()函数详解
Feb 28 jQuery
thinkjs微信中控之微信鉴权登陆的实现代码
Aug 08 Javascript
JS使用Chrome浏览器实现调试线上代码
Jul 23 Javascript
javascript中闭包closure的深入讲解
Mar 03 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
php修改NetBeans默认字体的大小
2013/07/02 PHP
php用正则表达式匹配URL的简单方法
2013/11/12 PHP
PHP入门教程之表单与验证实例详解
2016/09/11 PHP
PHP Header失效的原因分析及解决方法
2016/11/16 PHP
js压缩利器
2007/02/20 Javascript
Javascript的闭包
2009/12/31 Javascript
js判断60秒以及倒计时示例代码
2014/01/24 Javascript
jQuery实现动画效果的简单实例
2014/01/27 Javascript
jquery对象和javascript对象即DOM对象相互转换
2014/08/07 Javascript
jQuery操作表单常用控件方法小结
2015/03/23 Javascript
浅谈javascript控制HTML5的全屏操控,浏览器兼容的问题
2016/10/10 Javascript
Javascript 函数的四种调用模式
2016/11/05 Javascript
Mac下使用charles遇到的问题以及解决办法
2017/01/10 Javascript
jQuery简单实现MD5加密的方法
2017/03/03 Javascript
微信小程序商城项目之购物数量加减(3)
2017/04/17 Javascript
React Native中的RefreshContorl下拉刷新使用
2017/10/09 Javascript
配置一个vue3.0项目的完整步骤
2019/04/26 Javascript
vue 解决路由只变化参数页面组件不更新问题
2019/11/05 Javascript
nodeJs的安装与npm全局环境变量的配置详解
2020/01/06 NodeJs
vue中v-for循环选中点击的元素并对该元素添加样式操作
2020/07/17 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
2020/08/21 Javascript
[07:12]2014DOTA2西雅图国际邀请赛 黑马Liquid专题采访
2014/07/12 DOTA
Python遍历zip文件输出名称时出现乱码问题的解决方法
2015/04/08 Python
python妹子图简单爬虫实例
2015/07/07 Python
python实现备份目录的方法
2015/08/03 Python
解决pycharm py文件运行后停止按钮变成了灰色的问题
2018/11/29 Python
基于Django实现日志记录报错信息
2019/12/17 Python
Python高并发和多线程有什么关系
2020/11/14 Python
在python中对于bool布尔值的取反操作
2020/12/11 Python
台湾乐天市场:日本No.1的网路购物网站
2017/03/22 全球购物
自动化专业职业生涯规划书范文
2014/01/16 职场文书
旺仔牛奶广告词
2014/03/20 职场文书
党建工作先进材料
2014/05/02 职场文书
战略合作意向书
2014/07/29 职场文书
辞职信标准格式
2015/02/27 职场文书
心术观后感
2015/06/11 职场文书