用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 相关文章推荐
取键盘键位ASCII码的网页
Jul 30 Javascript
javascript 利用Image对象实现的埋点(某处的点击数)统计
Dec 28 Javascript
jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
Jul 17 Javascript
JS实现可点击展开与关闭的左侧广告代码
Sep 02 Javascript
很实用的js选项卡切换效果
Aug 12 Javascript
Three.js 再探 - 写一个微信跳一跳极简版游戏
Jan 04 Javascript
微信小程序实现导航栏选项卡效果
Jun 19 Javascript
微信小程序ibeacon三点定位详解
Oct 31 Javascript
vue项目设置scrollTop不起作用(总结)
Dec 21 Javascript
webpack的 rquire.context用法实现工程自动化的方法
Feb 07 Javascript
JavaScript中while循环的基础使用教程
Aug 11 Javascript
vue 授权获取微信openId操作
Nov 13 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
星际争霸任务指南——虫族
2020/03/04 星际争霸
php连接oracle数据库的核心步骤
2016/05/26 PHP
Yii中特殊行为ActionFilter的使用方法示例
2020/10/18 PHP
Jquery调用webService远程访问出错的解决方法
2010/05/21 Javascript
javascript开发技术大全 第4章 直接量与字符集
2011/07/03 Javascript
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
2011/09/28 Javascript
js弹出模式对话框,并接收回传值的方法
2013/03/12 Javascript
js中定义一个变量并判断其是否为空的方法
2014/05/13 Javascript
jQuery dateRangePicker插件使用方法详解
2017/07/28 jQuery
老生常谈javascript的面向对象思想
2017/08/22 Javascript
详解webpack + vue + node 打造单页面(入门篇)
2017/09/23 Javascript
Vue动态生成el-checkbox点击无法赋值的解决方法
2019/02/21 Javascript
vue实现移动端轻量日期组件不依赖第三方库的方法
2019/04/28 Javascript
详解vue-cli中使用rem,vue自适应
2019/05/06 Javascript
ES6基础之数组和对象的拓展实例详解
2019/08/22 Javascript
使用Webpack 搭建 Vue3 开发环境过程详解
2020/07/28 Javascript
python定时检查启动某个exe程序适合检测exe是否挂了
2013/01/21 Python
Python Sleep休眠函数使用简单实例
2015/02/02 Python
Python2/3中urllib库的一些常见用法
2017/12/19 Python
python进阶之自定义可迭代的类
2019/08/20 Python
如何基于Python实现自动扫雷
2020/01/06 Python
利用Pytorch实现简单的线性回归算法
2020/01/15 Python
利用Python脚本批量生成SQL语句
2020/03/04 Python
Columbia Sportswear法国官网:全球户外品牌
2020/09/25 全球购物
在校生钳工实习自我鉴定
2013/09/19 职场文书
公司年会晚宴演讲稿
2014/01/06 职场文书
大学生职业生涯规划书范文
2014/01/14 职场文书
三八节标语
2014/06/27 职场文书
学校百日安全生产活动总结
2014/07/05 职场文书
婚礼证婚人演讲稿
2014/09/13 职场文书
民主评议党员个人自我评价
2015/03/03 职场文书
2015年班主任个人工作总结
2015/03/31 职场文书
2015年度保密工作总结
2015/04/24 职场文书
七一晚会主持词
2015/06/29 职场文书
新入职员工工作总结
2015/10/15 职场文书
Python实现Matplotlib,Seaborn动态数据图
2022/05/06 Python