用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 有用的脚本函数
May 07 Javascript
自己使用js/jquery写的一个定制对话框控件
May 02 Javascript
原生Javascript封装的一个AJAX函数分享
Oct 11 Javascript
基于Javascript实现返回顶部按钮
Feb 29 Javascript
JavaScript自学笔记(必看篇)
Jun 23 Javascript
Node.js的文件权限及读写flag详解
Oct 11 Javascript
vue判断input输入内容全是空格的方法
Mar 02 Javascript
jquery ajax加载数据前台渲染方式 不用for遍历的方法
Aug 09 jQuery
用vue-cli开发vue时的代理设置方法
Sep 20 Javascript
vue 点击展开显示更多(点击收起部分隐藏)
Apr 09 Javascript
nuxt 实现在其它js文件中使用store的方式
Nov 05 Javascript
微信小程序开发数据缓存基础知识辨析及运用实例详解
Nov 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
PHP生成静态页面详解
2006/11/19 PHP
PHP 登录记住密码实现思路
2013/05/07 PHP
Laravel框架基于ajax实现二级联动功能示例
2019/01/17 PHP
驱动事件的addEvent.js代码
2007/03/27 Javascript
jquery遍历input取得input的name
2009/04/27 Javascript
一个页面元素appendchild追加到另一个页面元素的问题
2013/01/27 Javascript
如何使用jQuery来处理图片坏链具体实现步骤
2013/05/02 Javascript
JavaScript实现简单生成随机颜色的方法
2017/09/21 Javascript
vuex 项目结构目录及一些简单配置介绍
2018/04/08 Javascript
详解如何在Vue里建立长按指令
2018/08/20 Javascript
详解React服务端渲染从入门到精通
2019/03/28 Javascript
[03:31]DOTA2英雄基础教程 大地之灵
2013/12/17 DOTA
[06:09]辉夜杯主赛事开幕式
2015/12/25 DOTA
使用Python的Tornado框架实现一个一对一聊天的程序
2015/04/25 Python
编写Python脚本来实现最简单的FTP下载的教程
2015/05/04 Python
python3 图片referer防盗链的实现方法
2018/03/12 Python
python 爬虫一键爬取 淘宝天猫宝贝页面主图颜色图和详情图的教程
2018/05/22 Python
python使用tornado实现简单爬虫
2018/07/28 Python
详解Python 调用C# dll库最简方法
2019/06/20 Python
Python 绘制酷炫的三维图步骤详解
2019/07/12 Python
Django和Flask框架优缺点对比
2019/10/24 Python
CSS3中动画属性transform、transition和animation属性的区别
2016/09/25 HTML / CSS
详解如何用canvas画一个微笑的表情
2019/03/14 HTML / CSS
流行文化收藏品:Sideshow(DC漫画,星球大战,漫威)
2019/03/17 全球购物
sleep()方法和wait()方法的区别是什么
2012/11/17 面试题
失业者真诚求职信范文
2013/12/25 职场文书
试用期自我鉴定范文
2014/03/20 职场文书
《小动物过冬》教学反思
2014/04/17 职场文书
2014年学生会工作总结
2014/11/07 职场文书
停电通知范文
2015/04/16 职场文书
2015年新教师工作总结
2015/04/28 职场文书
详解分布式系统中如何用python实现Paxos
2021/05/18 Python
使用react-virtualized实现图片动态高度长列表的问题
2021/05/28 Javascript
mysql分表之后如何平滑上线详解
2021/11/01 MySQL
一篇文章看懂MySQL主从复制与读写分离
2021/11/07 MySQL
MySQL数据库查询进阶之多表查询详解
2022/04/08 MySQL