用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的函数
Jan 31 Javascript
javascript 进度条 实现代码
Jul 30 Javascript
ExtJS 入门
Oct 29 Javascript
javascript判断非数字的简单例子
Jul 18 Javascript
Web前端新人笔记之jquery入门心得(新手必看)
May 17 Javascript
AngularJS的ng-repeat指令与scope继承关系实例详解
Jan 21 Javascript
简单的JS控制button颜色随点击更改的实现方法
Apr 17 Javascript
一步步教会你微信小程序的登录鉴权
Apr 09 Javascript
Angular5集成eventbus的示例代码
Jul 19 Javascript
JS滚轮控制图片缩放大小和拖动的实例代码
Nov 20 Javascript
JS实现随机生成10个手机号的方法示例
Dec 07 Javascript
Vue中引入svg图标的两种方式
Jan 14 Vue.js
更正确的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
mysql下创建字段并设置主键的php代码
2010/05/16 PHP
PHP获取youku视频真实flv文件地址的方法
2014/12/23 PHP
PHP中file_get_contents函数抓取https地址出错的解决方法(两种方法)
2015/09/22 PHP
PHP访问数据库集群的方法小结
2016/03/14 PHP
php+MySql实现登录系统与输出浏览者信息功能
2016/07/01 PHP
php反射学习之不用new方法实例化类操作示例
2019/06/14 PHP
jQuery使用手册之一
2007/03/24 Javascript
JavaScript函数的4种调用方法详解
2014/04/22 Javascript
JavaScript的Vue.js库入门学习教程
2016/05/23 Javascript
javascript创建含数字字母的随机字符串方法总结
2016/08/01 Javascript
Node.js配合node-http-proxy解决本地开发ajax跨域问题
2016/08/31 Javascript
vue实现可增删查改的成绩单
2016/10/27 Javascript
将JSON字符串转换成Map对象的方法
2016/11/30 Javascript
es7学习教程之fetch解决异步嵌套问题的方法示例
2017/07/21 Javascript
js判断数组是否包含某个字符串变量的实例
2017/11/24 Javascript
Vue v2.4中新增的$attrs及$listeners属性使用教程
2018/01/08 Javascript
vue生命周期的探索
2019/04/03 Javascript
vue cli使用融云实现聊天功能的实例代码
2019/04/19 Javascript
vue 实现用户登录方式的切换功能
2020/04/14 Javascript
Vue实现一种简单的无限循环滚动动画的示例
2021/01/10 Vue.js
Python实现简单截取中文字符串的方法
2015/06/15 Python
Python中的字符串类型基本知识学习教程
2016/02/04 Python
python检测空间储存剩余大小和指定文件夹内存占用的实例
2018/06/11 Python
对Tensorflow中的矩阵运算函数详解
2018/07/27 Python
python字典一键多值实例代码分享
2019/06/14 Python
对于Python深浅拷贝的理解
2019/07/29 Python
Python过滤掉numpy.array中非nan数据实例
2020/06/08 Python
Stefania Mode英国:奢华设计师和时尚服装
2017/10/23 全球购物
恶意软件的定义
2014/11/12 面试题
中学老师的自我评价
2013/11/07 职场文书
大学生第一学年自我鉴定2015
2014/09/28 职场文书
迁户口计划生育证明
2014/10/19 职场文书
2015年党建工作汇报材料
2015/06/25 职场文书
2015年国庆晚会主持词
2015/07/01 职场文书
给校长的建议书作文300字
2015/09/14 职场文书
python代码实现备忘录案例讲解
2021/07/26 Python