`
wc_stone
  • 浏览: 56783 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

全选 反选 取消 js函数

阅读更多
触发方法:

    1.按钮(button)
    
     <input type="button" value="全选" onclick="checkboxAll(document.fromName)"/>
     


    2.复选框(checkbox)
    
     <input type="checkbox" name="all" value="checkboxAll" onclick="selectOther()"/>反选
     

     注:方法名和name名不可相同

    3.超链接(a) 
    
     A.<a href="#" onclick="SelectAll()">全选</a>
     B.<a href="javascript:selectClear(document.fromName)">取消</a>
     




方法体:

    1.全选
    
function SelectAll() {
	var obj=document.getElementById("userList");
	for(var i=0 ;i<obj.elements.length;i++){ 
        if(obj.elements[i].type.toLowerCase()=="checkbox"){ 
            e=obj.elements[i]; 
            e.checked=true; 
        } 
    }     
}
     


    2.取消
    
function selectClear(obj) {  
	for(var i=0 ;i<obj.elements.length;i++){ 
        if(obj.elements[i].type.toLowerCase()=="checkbox"){ 
            e=obj.elements[i]; 
            e.checked= false; 
        } 
    }
}
     


    3. 反选
    
function selectOther(obj) {
	for(var i = 0; i < obj.elements.length; i++)
		if(obj.elements[i].type.toLowerCase() == "checkbox") {
			if(!obj.elements[i].checked)
				obj.elements[i].checked = true;
			else
				obj.elements[i].checked = false;
		}   
}
     
分享到:
评论

相关推荐

    【JavaScript源代码】element的el-tree多选树(复选框)父子节点关联不关联.docx

    1、当你通过函数设置勾选节点的时候,只要父节点被勾选子节点必会勾选上,即便设置勾选的list中无此子节点。 2、当你点击勾选复选框时候,若点击父节点,其下子节点全部统一跟随父节点变化;若点击子节点,子节点...

    javascript实现可全选、反选及删除表格的方法

    本文实例讲述了javascript实现可全选、反选及删除表格的方法。分享给大家供大家参考。具体实现方法如下: &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

    JavaScript原码_自编

    考试计时器 计时器函数 时间-事例 全选-反选

    javascript实现Email邮件显示与删除功能

    一、主要介绍: ...按钮全选,反选,和取消全选,可以用一个函数写,传入不同的参数AllBybtn(num)类型即可 函数里面 根据js的特性 非0 和 0 这两种状态,进行设置,为了同步,需要分别进行设置 3).为了显示出当

    前端面试题之JS篇

    JS相关 文章目录写在前面的话:1. ES5和ES6继承方式区别2. Generator了解3. 手写Promise实现4. Promise优缺点5.... js实现checkbox全选以及反选16. 对原型链的理解?prototype上都有哪些属性17. 为什么使用继承1

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    示例之全选和反选以及取消 javascript必须加分号 示例之后台管理左侧菜单 今日内容梳理 本周作业 第16周 上节作业问题答疑 今日内容计划 CSS内容补充以及后台管理页面布局 后台管理页面布局 JavaScript内容回顾 ...

    程序天下:JavaScript实例自学手册

    14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...

    《程序天下:JavaScript实例自学手册》光盘源码

    14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript函数 14.16 购物篮中常用的计算总价效果 14.17 同一用户的来访统计 14.18 十六进制转换为十进制 14.19 将URL转化为16进制 ...

    常用JS代码

    3.7 复选框的全选,多选,全不选,反选 3.8 文件上传过程中判断文件类型 4、字符类 4.1 判断字符全部由a-Z或者是A-Z的字字母组成 4.2 判断字符由字母和数字组成。 4.3 判断字符由字母和数字,下划线,点号组成.且开头...

    javascript代码常用大全

    3.7 复选框的全选,多选,全不选,反选 3.8 文件上传过程中判断文件类型 4、字符类 4.1 判断字符全部由a-Z或者是A-Z的字字母组成 4.2 判断字符由字母和数字组成。 4.3 判断字符由字母和数字,下划线,点号...

    JavaScript网页特效范例宝典源码

    第3章 实用JavaScript函数 129 3.1 数据验证 130 实例084 通过正则表达式验证日期 130 实例085 验证输入的日期格式是否正确 132 实例086 检查表单元素是否为空 134 实例087 验证E-mail是否正确 135 实例088 通过正则...

    常用JS脚本页面判断

    3.7 复选框的全选,多选,全不选,反选 3.8 文件上传过程中判断文件类型 4、字符类 4.1 判断字符全部由a-Z或者是A-Z的字字母组成 4.2 判断字符由字母和数字组成。 4.3 判断字符由字母和数字,下划线,点号组成....

    javascript常用代码大全.html

    3.7 复选框的全选,多选,全不选,反选 3.8 文件上传过程中判断文件类型 4、字符类 4.1 判断字符全部由a-Z或者是A-Z的字字母组成 4.2 判断字符由字母和数字组成。 4.3 判断字符由字母和数字,下划线,点号组成....

    javascript 常用代码大全

    3.7 复选框的全选,多选,全不选,反选 3.8 文件上传过程中判断文件类型 4、字符类 4.1 判断字符全部由a-z或者是a-z的字字母组成 4.2 判断字符由字母和数字组成。 4.3 判断字符由字母和数字,下划线,点号...

    python入门到高级全栈工程师培训 第3期 附课件代码

    01 JS的函数作用域 02 JS的window对象之定时器 03 JS的history对象和location对象 04 JS的DOM节点 05 JS的DOM节点 第43章 01 上节知识回顾 02 js之onsubmit事件与组织事件外延 03 DOM节点的增删改查与属性设值 04 ...

    javascript常用代码

    3.7 复选框的全选,多选,全不选,反选 3.8 文件上传过程中判断文件类型 4、字符类 4.1 判断字符全 由a-z或者是a-z的字字母组成 4.2 判断字符由字母和数字组成。 4.3 判断字符由字母和数字,下划线,点号...

    在b/s开发中经常用到的javaScript技术整理

    在b/s开发中经常用到的javaScript技术整理 一、验证类 1、数字验证内 1.1 整数 1.2 大于0的整数 (用于传来的ID的验证) 1.3 负整数的验证 1.4 整数不能大于iMax 1.5 整数不能小于iMin 2、时间类 ...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    实例173 实现复选框中的全选、反选和不选 208 实例174 隐藏域提交用户的ID值 210 实例175 图像域替代提交按钮 211 实例176 跳转菜单实现页面跳转 213 实例177 上传图片预览 214 实例178 去掉下拉选项的边框 215 实例...

Global site tag (gtag.js) - Google Analytics