用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 相关文章推荐
有一段有意思的代码-javascript现实多行信息
Aug 26 Javascript
JS完整获取IE浏览器信息包括类型、版本、语言等等
May 22 Javascript
js正则表达式匹配数字字母下划线等
Apr 14 Javascript
javascript中获取class的简单实现
Jul 12 Javascript
html+js+highcharts绘制圆饼图表的简单实例
Aug 04 Javascript
Vue2.x中的父组件传递数据至子组件的方法
May 01 Javascript
通过学习bootstrop导航条学会修改bootstrop颜色基调
Jun 11 Javascript
vue中引用阿里字体图标的方法
Feb 10 Javascript
浅谈webpack 构建性能优化策略小结
Jun 13 Javascript
详解小程序rich-text对富文本支持方案
Nov 28 Javascript
Webpack 4如何动态切割JS注入文件名详解
Jul 09 Javascript
VUE写一个简单的表格实例
Aug 06 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
linux环境apache多端口配置虚拟主机的方法深入介绍
2013/06/09 PHP
根据邮箱的域名跳转到相应的登录页面的代码
2012/02/27 Javascript
jQuery学习笔记 操作jQuery对象 文档处理
2012/09/19 Javascript
利用JQuery和JS实现奇偶行背景颜色自定义效果
2012/11/19 Javascript
jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
2013/06/04 Javascript
jQuery怎么解析Json字符串(Json格式/Json对象)
2013/08/09 Javascript
javascript记录文本框内文字个数检测文字个数变化
2014/10/14 Javascript
使用jQuery获得内容以及内容的属性
2015/02/26 Javascript
浅析Node.js中的内存泄漏问题
2015/06/23 Javascript
node.js入门实例helloworld详解
2015/12/23 Javascript
浅谈几种常用的JS类定义方法
2016/06/08 Javascript
jQuery EasyUI右键菜单实现关闭标签/选项卡
2016/10/10 Javascript
JavaScript基于DOM操作实现简单的数学运算功能示例
2017/01/16 Javascript
如何获取vue单文件自身源码路径
2019/05/06 Javascript
React Native中ScrollView组件轮播图与ListView渲染列表组件用法实例分析
2020/01/06 Javascript
npx create-react-app xxx创建项目报错的解决办法
2020/02/17 Javascript
Python 查看文件的读写权限方法
2018/01/23 Python
python获取指定字符串中重复模式最高的字符串方法
2018/06/29 Python
python对离散变量的one-hot编码方法
2018/07/11 Python
如何用Python实现简单的Markdown转换器
2018/07/16 Python
python抓取搜狗微信公众号文章
2019/04/01 Python
PyCharm 配置远程python解释器和在本地修改服务器代码
2019/07/23 Python
python求加权平均值的实例(附纯python写法)
2019/08/22 Python
写给保洁员表扬信
2014/01/08 职场文书
护理专业优质毕业生自荐书
2014/01/31 职场文书
学生干部学习的自我评价
2014/02/18 职场文书
中学生学雷锋演讲稿
2014/04/26 职场文书
会计求职信
2014/05/29 职场文书
2015毕业生实习期工作总结
2015/04/09 职场文书
银行反洗钱宣传活动总结
2015/05/08 职场文书
2015年客房服务员工作总结
2015/05/15 职场文书
重阳节主题班会
2015/08/17 职场文书
2016春季运动会前导词
2015/11/25 职场文书
Html5调用企业微信的实现
2021/04/16 HTML / CSS
详解Python牛顿插值法
2021/05/11 Python
浅谈redis整数集为什么不能降级
2021/07/25 Redis