用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 相关文章推荐
js几个不错的函数 $$()
Oct 09 Javascript
prototype 1.5相关知识及他人笔记
Dec 16 Javascript
jquery序列化form表单使用ajax提交后处理返回的json数据
Mar 03 Javascript
JS实现完全语义化的网页选项卡效果代码
Sep 15 Javascript
Js调用Java方法并互相传参的简单实例
Aug 11 Javascript
什么是JavaScript注入攻击?
Sep 14 Javascript
jQuery 选择符详细介绍及整理
Dec 02 Javascript
js省市区级联查询(插件版&amp;无插件版)
Mar 21 Javascript
基于EasyUI的基础之上实现树形功能菜单
Jun 28 Javascript
五步轻松实现JavaScript HTML时钟效果
Mar 25 Javascript
解决vue页面DOM操作不生效的问题
Mar 17 Javascript
Vue父子组件双向绑定传值的实现方法
Jul 31 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根据IP判断地区名信息的示例代码
2014/03/03 PHP
深入浅析PHP的session反序列化漏洞问题
2017/06/15 PHP
tp框架(thinkPHP)实现三次登陆密码错误之后锁定账号功能示例
2018/05/24 PHP
PHP如何将图片文件上传到另外一台服务器上
2019/08/26 PHP
屏蔽F1~F12的快捷键的js函数
2010/05/06 Javascript
Jquery.addClass始终无效原因分析
2013/09/08 Javascript
jQuery中element选择器用法实例
2014/12/29 Javascript
JavaScript中的Math.atan2()方法使用详解
2015/06/15 Javascript
jQuery获取与设置iframe高度的方法
2016/08/01 Javascript
js+html5生成自动排列对话框实例
2017/10/09 Javascript
vue使用混入定义全局变量、函数、筛选器的实例代码
2019/07/29 Javascript
layui的面包屑或者表单不显示的解决方法
2019/09/05 Javascript
layui 解决form表单点击无反应的问题
2019/10/25 Javascript
微信小程序实现多选框功能的实例代码
2020/06/24 Javascript
详解js中的几种常用设计模式
2020/07/16 Javascript
[01:29]2014DOTA2展望TI 剑指西雅图DK战队专访
2014/06/30 DOTA
Python中动态获取对象的属性和方法的教程
2015/04/09 Python
关于python pyqt5安装失败问题的解决方法
2017/08/08 Python
Python3 实现随机生成一组不重复数并按行写入文件
2018/04/09 Python
Django Admin实现三级联动的示例代码(省市区)
2018/06/22 Python
对numpy中的数组条件筛选功能详解
2018/07/02 Python
如何用Python做一个微信机器人自动拉群
2019/07/03 Python
python多线程使用方法实例详解
2019/12/30 Python
python读写文件write和flush的实现方式
2020/02/21 Python
pytorch学习教程之自定义数据集
2020/11/10 Python
申报职称专业技术个人的自我评价
2013/12/12 职场文书
物流仓储计划书
2014/01/10 职场文书
公务员培训自我鉴定
2014/02/01 职场文书
先进事迹演讲稿
2014/09/01 职场文书
2014年“世界无车日”活动方案
2014/09/21 职场文书
委托公证书格式
2015/01/26 职场文书
本溪关门山导游词
2015/02/09 职场文书
自主招生自荐信怎么写
2015/03/24 职场文书
2016党员学习作风建设心得体会
2016/01/21 职场文书
党员公开承诺书2016
2016/03/24 职场文书
Nginx虚拟主机的搭建的实现步骤
2022/01/18 Servers