用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 remove 自定义数组删除方法
Oct 20 Javascript
分享8款优秀的 jQuery 加载动画和进度条插件
Oct 24 Javascript
js获取当月最后一天实例代码
Nov 19 Javascript
JS中实现简单Formatter函数示例代码
Aug 19 Javascript
基于jquery实现放大镜效果
Aug 17 Javascript
js 数字、字符串、布尔值的转换方法(必看)
Apr 07 Javascript
js实现京东轮播图效果
Jun 30 Javascript
JS处理数据四舍五入(tofixed与round的区别详解)
Oct 26 Javascript
vue打包使用Nginx代理解决跨域问题
Aug 27 Javascript
Koa 使用小技巧(小结)
Oct 22 Javascript
详解VUE Element-UI多级菜单动态渲染的组件
Apr 25 Javascript
js实现删除json中指定的元素
Sep 22 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 中文字符串首字母的获取函数分享
2013/11/04 PHP
linux下php上传文件注意事项
2016/06/11 PHP
Laravel给生产环境添加监听事件(SQL日志监听)
2017/06/19 PHP
JavaScript下申明对象的几种方法小结
2008/10/02 Javascript
15 个 JavaScript Web UI 库
2010/05/19 Javascript
JS中Date日期函数中的参数使用介绍
2014/01/02 Javascript
jQuery多级手风琴菜单实例讲解
2015/10/22 Javascript
神奇!js+CSS+DIV实现文字颜色渐变效果
2016/03/16 Javascript
学习Angular中作用域需要注意的坑
2016/08/17 Javascript
Vue 2.0中生命周期与钩子函数的一些理解
2017/05/09 Javascript
ES6正则表达式的一些新功能总结
2017/05/09 Javascript
深入理解jquery的$.extend()、$.fn和$.fn.extend()
2017/07/08 jQuery
nodejs中安装ghost出错的原因及解决方法
2017/10/23 NodeJs
详解vue添加删除元素的方法
2018/06/30 Javascript
vue将单页面改造成多页面应用的方法
2018/11/25 Javascript
JS document对象简单用法完整示例
2020/01/14 Javascript
Python的面向对象编程方式学习笔记
2016/07/12 Python
浅析Python中yield关键词的作用与用法
2016/11/29 Python
使用apidocJs快速生成在线文档的实例讲解
2018/02/07 Python
Python 中Pickle库的使用详解
2018/02/24 Python
Numpy数组转置的两种实现方法
2018/04/17 Python
详解Django中CBV(Class Base Views)模型源码分析
2019/02/25 Python
Spring http服务远程调用实现过程解析
2020/06/11 Python
python脚本使用阿里云slb对恶意攻击进行封堵的实现
2021/02/04 Python
法国娇韵诗官方旗舰店:Clarins是来自法国的天然护肤品牌
2018/06/30 全球购物
Hobbs官方网站:英国奢华女性时尚服装
2020/02/22 全球购物
Sunglass Hut巴西网上商店:男女太阳镜
2020/10/04 全球购物
恒华伟业笔试面试题
2015/02/26 面试题
历史学专业个人的自我评价
2013/10/13 职场文书
函授药学自我鉴定
2014/02/07 职场文书
投资意向协议书
2015/01/29 职场文书
总经理助理岗位职责
2015/01/31 职场文书
努力工作保证书
2015/02/28 职场文书
Python 类,对象,数据分类,函数参数传递详解
2021/09/25 Python
nginx实现动静分离的方法示例
2021/11/07 Servers
win10识别不了U盘怎么办 win10系统读取U盘失败的解决办法
2022/08/05 数码科技