用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 相关文章推荐
用dom+xhtml+css制作的一个相册效果代码打包下载
Jan 24 Javascript
jquery获取对象的方法足以应付常见的各种类型的对象
May 14 Javascript
jQuery中bind()方法用法实例
Jan 19 Javascript
javascript随机显示背景图片的方法
Jun 18 Javascript
Bootstrap源码解读标签、徽章、缩略图和警示框(8)
Dec 26 Javascript
详解js树形控件—zTree使用总结
Dec 28 Javascript
VUE利用vuex模拟实现新闻点赞功能实例
Jun 28 Javascript
Angular2+国际化方案(ngx-translate)的示例代码
Aug 23 Javascript
安装vue-cli报错 -4058 的解决方法
Oct 19 Javascript
JS中验证整数和小数的正则表达式
Oct 08 Javascript
详解Vue2 添加对scss的支持
Jan 02 Javascript
angular4实现带搜索的下拉框
Mar 25 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
phpBB BBcode处理的漏洞
2006/10/09 PHP
php 多个submit提交表单 处理方法
2009/07/07 PHP
PHP正则验证Email的方法
2015/06/15 PHP
php实现的操作excel类详解
2016/01/15 PHP
详解Yaf框架PHPUnit集成测试方法
2017/12/27 PHP
关于js datetime的那点事
2011/11/15 Javascript
jquery 获取自定义属性(attr和prop)的实现代码
2012/06/27 Javascript
nodejs中exports与module.exports的区别详细介绍
2013/01/14 NodeJs
jQuery怎么解析Json字符串(Json格式/Json对象)
2013/08/09 Javascript
JavaScript中的undefined学习总结
2013/11/30 Javascript
基于jquery实现的自动补全功能
2015/03/12 Javascript
js验证上传图片的方法
2015/05/12 Javascript
JS判断元素是否在数组内的实现代码
2016/03/30 Javascript
JS获取当前页面名称的简单实例
2016/08/19 Javascript
jQuery增加、删除及修改select option的方法
2016/08/19 Javascript
解决ajax不能访问本地文件问题(利用js跨域原理)
2017/01/24 Javascript
slideToggle+slideup实现手机端折叠菜单效果
2017/05/25 Javascript
全新打包工具parcel零配置vue开发脚手架
2018/01/11 Javascript
30分钟快速实现小程序语音识别功能
2018/11/27 Javascript
JavaScript实现小球沿正弦曲线运动
2020/09/07 Javascript
详谈Vue.js框架下main.js,App.vue,page/index.vue之间的区别
2020/08/12 Javascript
微信小程序向Java后台传输参数的方法实现
2020/12/10 Javascript
Python的Django框架中消息通知的计数器实现教程
2016/06/13 Python
利用Python检测URL状态
2019/07/31 Python
python求平均数、方差、中位数的例子
2019/08/22 Python
python3.9.1环境安装的方法(图文)
2021/02/02 Python
CSS3 media queries + jQuery实现响应式导航
2016/09/30 HTML / CSS
法学专业毕业生自荐信范文
2013/12/18 职场文书
《猴子种树》教学反思
2014/02/14 职场文书
人身损害赔偿协议书格式
2014/11/01 职场文书
2015年世界无烟日活动总结
2015/02/10 职场文书
2015年共青团工作总结
2015/05/15 职场文书
中秋联欢会主持词
2015/07/04 职场文书
大队委员竞选稿
2015/11/20 职场文书
JS监听Esc 键触发事键
2021/04/14 Javascript
python数据可视化使用pyfinance分析证券收益示例详解
2021/11/20 Python