用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 中的内存泄露模式
Aug 13 Javascript
Jquery遍历节点的方法小集
Jan 22 Javascript
jQuery的load()方法及其回调函数用法实例
Mar 25 Javascript
javascript中判断json的方法总结
Aug 27 Javascript
深入剖析JavaScript面向对象编程
Jul 12 Javascript
JS实现鼠标滑过显示边框的菜单效果
Sep 21 Javascript
jQuery插件fullPage.js实现全屏滚动效果
Dec 02 Javascript
微信小程序商城项目之商品属性分类(4)
Apr 17 Javascript
vue基于mint-ui实现城市选择三级联动
Jun 30 Javascript
vuex管理状态 刷新页面保持不被清空的解决方案
Nov 11 Javascript
JavaScript对象原型链原理详解
Feb 05 Javascript
jQuery实现放大镜案例
Oct 19 jQuery
更正确的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编程最快明白》第八讲:php启发和小结
2010/11/01 PHP
CodeIgniter连贯操作的底层原理分析
2016/05/17 PHP
Laravel学习基础之migrate的使用教程
2017/10/11 PHP
详解PHP发送邮件知识点
2018/05/06 PHP
漂亮的thinkphp 跳转页封装示例
2019/10/16 PHP
JQuery 学习笔记 选择器之五
2009/07/23 Javascript
获取URL地址中的文件名和参数的javascript代码
2009/09/02 Javascript
jQuery中append、insertBefore、after与insertAfter的简单用法与注意事项
2020/04/04 Javascript
js 异步操作回调函数如何控制执行顺序
2013/12/24 Javascript
JS获取Table中td值的方法
2015/03/19 Javascript
js实现当前输入框高亮显示的方法
2015/08/19 Javascript
基于canvas实现的绚丽圆圈效果完整实例
2016/01/26 Javascript
总结JavaScript三种数据存储方式之间的区别
2016/05/03 Javascript
JavaScript 弹出子窗体并返回结果到父窗体的实现代码
2016/05/28 Javascript
js select实现省市区联动选择
2020/04/17 Javascript
原生JS实现匀速图片轮播动画
2016/10/18 Javascript
jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑
2016/11/29 Javascript
react以create-react-app为基础创建项目
2018/03/14 Javascript
node结合swig渲染摸板的方法
2018/04/11 Javascript
vue-cli3.0 环境变量与模式配置方法
2018/11/08 Javascript
VUE渲染后端返回含有script标签的html字符串示例
2019/10/28 Javascript
Vue 中 filter 与 computed 的区别与用法解析
2019/11/21 Javascript
NodeJS和浏览器中this关键字的不同之处
2021/03/03 NodeJs
Python根据当前日期取去年同星期日期
2019/04/14 Python
解决Django生产环境无法加载静态文件问题的解决
2019/04/23 Python
TensorFlow实现打印每一层的输出
2020/01/21 Python
如何基于Python代码实现高精度免费OCR工具
2020/06/18 Python
html5指南-1.html5全局属性(html5 global attributes)深入理解
2013/01/07 HTML / CSS
Lentiamo荷兰:在线订购隐形眼镜、隐形眼镜液和太阳镜
2019/10/25 全球购物
保安岗位职责
2014/02/21 职场文书
市场营销大学生职业规划书
2014/02/25 职场文书
2015年春节标语口号
2014/12/09 职场文书
2016年中秋节慰问信
2015/12/01 职场文书
你会写请假条吗?
2019/06/26 职场文书
python编写五子棋游戏
2021/05/25 Python
详解Nginx的超时keeplive_timeout配置步骤
2022/05/25 Servers