用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语法着色引擎(demo及打包文件下载)
Jun 13 Javascript
extjs 04_grid 单击事件新发现
Nov 27 Javascript
jQuery使用removeClass方法删除元素指定Class的方法
Mar 26 Javascript
Bootstrap每天必学之基础排版
Nov 20 Javascript
让编辑器支持word复制黏贴、截屏的js代码
Oct 17 Javascript
原生JS实现九宫格抽奖效果
Apr 01 Javascript
vue项目tween方法实现返回顶部的示例代码
Mar 02 Javascript
详解vue文件中使用echarts.js的两种方式
Oct 18 Javascript
从零开始实现Vue简单的Toast插件
Dec 03 Javascript
node微信开发之获取access_token+自定义菜单
Mar 17 Javascript
vue鼠标悬停事件实例详解
Apr 01 Javascript
JavaScript/TypeScript 实现并发请求控制的示例代码
Jan 18 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图像处理之使用imagecolorallocate()函数设置颜色例子
2014/11/19 PHP
apache和PHP如何整合在一起
2015/10/12 PHP
PHP+HTML+JavaScript+Css实现简单爬虫开发
2016/03/28 PHP
php查询操作实现投票功能
2016/05/09 PHP
php实现websocket实时消息推送
2018/03/30 PHP
php微信开发之音乐回复功能
2018/06/14 PHP
laravel 字段格式化 modle 字段类型转换方法
2019/09/30 PHP
javascript 获取元素位置的快速方法 getBoundingClientRect()
2009/11/26 Javascript
同时使用n个window onload加载实例介绍
2013/04/25 Javascript
Javascript对象Clone实例分析
2015/06/09 Javascript
在JavaScript中使用JSON数据
2016/02/15 Javascript
JS中取二维数组中最大值的方法汇总
2016/04/17 Javascript
后端接收不到AngularJs中$http.post发送的数据原因分析及解决办法
2016/07/05 Javascript
Angular 中 select指令用法详解
2016/09/29 Javascript
基于JS实现的随机数字抽签实例
2016/12/08 Javascript
利用js判断手机是否安装某个app的多种方案
2017/02/13 Javascript
vue中的数据绑定原理的实现
2018/07/02 Javascript
详解ECMAScript typeof用法
2018/07/25 Javascript
js实现贪吃蛇小游戏
2019/10/29 Javascript
JS立即执行的匿名函数用法分析
2019/11/04 Javascript
[03:57]《不朽》——2015DOTA2国际邀请赛—中国军团出征主题曲MV
2015/07/15 DOTA
Python实现批量下载图片的方法
2015/07/08 Python
python 字典 按key值大小 倒序取值的实例
2018/07/06 Python
Python 面试中 8 个必考问题
2018/11/16 Python
Python字典遍历操作实例小结
2019/03/05 Python
Pandas DataFrame数据的更改、插入新增的列和行的方法
2019/06/25 Python
python使用flask与js进行前后台交互的例子
2019/07/19 Python
python点击鼠标获取坐标(Graphics)
2019/08/10 Python
Python pysnmp使用方法及代码实例
2020/08/24 Python
Html5游戏开发之乒乓Ping Pong游戏示例(三)
2013/01/21 HTML / CSS
使用Html5实现异步上传文件,支持跨域,带有上传进度条
2016/09/17 HTML / CSS
社区党员先进事迹
2014/01/22 职场文书
行政工作试用期自我评价
2014/09/14 职场文书
公务员保密工作承诺书
2015/05/04 职场文书
大学生村官驻村工作心得体会
2016/01/23 职场文书
MySQL 逻辑备份与恢复测试的相关总结
2021/05/14 MySQL