用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实现改变TEXTAREA滚动条和按钮的颜色,以及怎样让滚动条变得扁平
Apr 20 Javascript
js tab效果的实现代码
Dec 26 Javascript
基于jQuery的左右滚动实现代码
Dec 03 Javascript
Js+Flash实现访问剪切板操作
Nov 20 Javascript
网页整体变灰白色(兼容各浏览器)实例
Apr 21 Javascript
IE8的JavaScript点击事件(onclick)不兼容的解决方法
Nov 22 Javascript
javascript实现漂亮的拖动层,窗口拖拽特效
Apr 24 Javascript
jQuery实现的多滑动门,多选项卡效果代码
Mar 28 Javascript
js数组操作方法总结(必看篇)
Nov 22 Javascript
适合前端Vue开发童鞋的跨平台Weex的使用详解
Oct 16 Javascript
jquery获取input输入框中的值
Nov 13 jQuery
Vue 数据响应式相关总结
Jan 28 Vue.js
更正确的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/10/09 PHP
dhtmlxTree目录树增加右键菜单以及拖拽排序的实现方法
2013/04/26 PHP
php后门URL的防范
2013/11/12 PHP
PHP使用imagick读取PDF生成png缩略图的两种方法
2014/03/20 PHP
php按字符无乱码截取中文的方法
2015/03/27 PHP
PHP实现上传图片到 zimg 服务器
2016/10/19 PHP
PHP设计模式之装饰器模式实例详解
2018/02/07 PHP
Ajax+PHP实现的模拟进度条功能示例
2019/02/11 PHP
使用onbeforeunload属性后的副作用
2007/03/08 Javascript
jQuery中的.bind()、.live()和.delegate()之间区别分析
2011/06/08 Javascript
js将字符串转成正则表达式的实现方法
2013/11/13 Javascript
jquery数组封装使用方法分享(jquery数组遍历)
2014/03/25 Javascript
javascript中声明函数的方法及调用函数的返回值
2014/07/22 Javascript
Javascript 5种方法实现过滤删除前后所有空格
2016/06/22 Javascript
vue项目设置scrollTop不起作用(总结)
2018/12/21 Javascript
使用vue-cli3+typescript的项目模板创建工程的教程
2020/02/28 Javascript
微信小程序换肤功能实现代码(思路详解)
2020/08/25 Javascript
js实现三角形粒子运动
2020/09/22 Javascript
解决vue安装less报错Failed to compile with 1 errors的问题
2020/10/22 Javascript
[01:10]DOTA2次级职业联赛 - Fly战队宣传片
2014/12/01 DOTA
Python升级提示Tkinter模块找不到的解决方法
2014/08/22 Python
python生成随机图形验证码详解
2017/11/08 Python
Python数据结构之双向链表的定义与使用方法示例
2018/01/16 Python
Flask Web开发入门之文件上传(八)
2018/08/17 Python
PyQt5实现五子棋游戏(人机对弈)
2020/03/24 Python
Pandas实现一列数据分隔为两列
2020/05/18 Python
python实现猜数游戏(保存游戏记录)
2020/06/22 Python
pyqt5 textEdit、lineEdit操作的示例代码
2020/08/12 Python
PyTorch中clone()、detach()及相关扩展详解
2020/12/09 Python
质量工程师岗位职责
2013/11/16 职场文书
最经典的商业地产项目广告词
2014/03/13 职场文书
社会实践活动总结报告
2014/04/29 职场文书
献爱心活动总结
2014/05/07 职场文书
护士业务学习心得体会
2016/01/25 职场文书
《工作是最好的修行》读后感3篇
2019/12/13 职场文书
css 中多种边框的实现小窍门
2021/04/07 HTML / CSS