用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实现的分页函数
Dec 22 Javascript
JavaScript中yield实用简洁实现方式
Jun 12 Javascript
jQuery实现单击按钮遮罩弹出对话框(仿天猫的删除对话框)
Apr 10 Javascript
javascript 闭包详解
Jul 02 Javascript
js实现的下拉框二级联动效果
Apr 30 Javascript
jQuery实现ToolTip元素定位显示功能示例
Nov 23 Javascript
详解angularJs中自定义directive的数据交互
Jan 13 Javascript
localStorage的黑科技-js和css缓存机制
Feb 06 Javascript
js原生Ajax的封装和原理详解
Mar 11 Javascript
详解vue+vueRouter+webpack的简单实例
Jun 17 Javascript
p5.js入门教程之鼠标交互的示例
Mar 16 Javascript
vue添加axios,并且指定baseurl的方法
Sep 19 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 面向对象实现代码
2009/11/11 PHP
关于php连接mssql:pdo odbc sql server
2011/07/20 PHP
php解决抢购秒杀抽奖等大流量并发入库导致的库存负数的问题
2014/06/19 PHP
php连接与操作PostgreSQL数据库的方法
2014/12/25 PHP
使用Appcan客户端自动更新PHP版本号(全)
2015/07/31 PHP
PHP如何开启Opcache功能提升程序处理效率
2020/04/27 PHP
asp javascript 实现关闭窗口时保存数据的办法
2007/11/24 Javascript
javascript 出生日期和身份证判断大全
2008/11/13 Javascript
js捕获鼠标右键菜单中的粘帖事件实现代码
2013/04/01 Javascript
jQuery给元素添加样式的方法详解
2015/12/30 Javascript
深入分析javascript中console命令
2016/08/14 Javascript
原生js开发的日历插件
2017/02/04 Javascript
Easyui Tree获取当前选择节点的所有顶级父节点
2017/02/14 Javascript
JavaScript中最常见的三个面试题解析
2017/03/04 Javascript
使用Xcache缓存器加速PHP网站的配置方法
2017/04/22 Javascript
详解node中创建服务进程
2017/05/09 Javascript
nodejs图片处理工具gm用法小结
2018/12/12 NodeJs
node.js使用express框架进行文件上传详解
2019/03/03 Javascript
在Python的Flask框架中验证注册用户的Email的方法
2015/09/02 Python
Python实现接受任意个数参数的函数方法
2018/04/21 Python
对dataframe数据之间求补集的实例详解
2019/01/30 Python
浅析python的Lambda表达式
2019/02/27 Python
简单了解python数组的基本操作
2019/11/26 Python
解决Keras中Embedding层masking与Concatenate层不可调和的问题
2020/06/18 Python
Pycharm Available Package无法显示/安装包的问题Error Loading Package List解决
2020/09/18 Python
python使用numpy中的size()函数实例用法详解
2021/01/29 Python
CSS3近阶段篇之酷炫的3D旋转透视
2016/04/28 HTML / CSS
纯CSS3实现运行时钟的示例代码
2021/01/25 HTML / CSS
Skyscanner阿联酋:全球领先的旅游搜索平台
2017/11/25 全球购物
办公室文员工作自我评价
2013/12/01 职场文书
会展策划与管理专业大学生职业生涯规划
2014/02/07 职场文书
十佳标兵事迹材料
2014/08/18 职场文书
个人授权委托书格式
2014/08/30 职场文书
党支部2014年度工作总结
2014/12/04 职场文书
python 爬取吉首大学网站成绩单
2021/06/02 Python
Python使用华为API为图像设置多个锚点标签
2022/04/12 Python