js实现复选框全选/全不选/反选

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

	<html xmlns="http://www.w3.org/1999/xhtml">

	<head>

	<meta http-equiv="content-type" content="text/html; charset=UTF-8">

	<title>js实现复选框全选/全不选/反选</title>

	<script src="js/jquery-1.7.2.js" type="text/javascript" charset="utf-8"></script>

	<script type="text/javascript">

		//反选

		function toggle() {

			//得到所有标签名为input的元素

			var y = document.getElementsByTagName("input");

			alert(y.length);

			//循环出每个元素

			for(var i = 0; i < y.length; i++) {

				//如果元素的类型为checkbox,就反选

				if(y[i].type == "checkbox") {

					y[i].checked = !y[i].checked;

				}

			}

		}

		//全选

		function selAll() {

			//得到所有标签名为input的元素

			var y = document.getElementsByTagName("input");

			alert(y.length);

			//循环出每个元素

			for(var i = 0; i < y.length; i++) {

				//如果元素的类型为checkbox,就全选

				if(y[i].type == "checkbox") {

					y[i].checked = true;

				}

			}

		}

		//全不选

		function noselAll() {

			//得到所有标签名为input的元素

			var y = document.getElementsByTagName("input");

			alert(y.length);

			//循环出每个元素

			for(var i = 0; i < y.length; i++) {

				//如果元素的类型为checkbox,就全不选

				if(y[i].type == "checkbox") {

					y[i].checked = false;

				}

			}

		}

	</script>

</head>

<body>

	<form>

		爱好：

		<input type="checkbox" value="读书" />读书

		<input type="checkbox" value="唱歌" />唱歌

		<input type="checkbox" value="跳舞" />跳舞

		<input type="checkbox" value="聊天" />聊天

		<input type="checkbox" value="看电影" />看电影

		<input type="button" value="全选" onclick="selAll();" />

		<input type="button" value="全不选" onclick="noselAll();" />

		<input type="button" value="反选" onclick="toggle();" />

	</form>

</body>

	</html>

js实现复选框全选/全不选/反选的更多相关文章

  1. js 全选选框与取消全选代码

    设置一个全选选框和四个子选框,要实现点击全选后四个子选框选中,取消全选后四个子选框也取消.全选后点击某个子选框,全选也能取消.当四个子选框都选中时,全选框也被选择. 实现代码: <script& ...

  2. CheckedListBoxControl 实现复选框的单选与多选功能

    由于工作需要,需要实现复选框的单选与多选功能,找了好多资料都不是很全,经过两天苦苦的挖挖挖,终于完成啦O(∩_∩)O哈哈~ 用DEV控件中的CheckedListBoxControl控件,当然VS中的 ...

  3. 实现在DevExpress.XtraGrid.GridControl的列头绘制复选框以实现全选的功能

    首先新建一个Win Form测试项目,拖一个GridControl控件到窗体上. public partial class Form1 : Form { public Form1() { Initia ...

  4. element-ui 里面el-checkbox多选框，实现全选单选

    data里面定义了 data:[],        actionids:[],//选择的那个actionid        num1:0,//没选择的计数        num2:0,//选中的计数  ...

  5. layui 复选框checkbox 实现全选全选

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. firefox(火狐)下 js中设置checkbox属性checked="checked"已有，但复选框却不显示勾选的原因

    刚看到问题时以为是浏览器兼容性的原因,ie.google都能正常显示. 网上查询之后发现是jQuery的attr()方法用的不恰当. jQuery1.6之前使用attr()可以修改 ,从jQuery ...

  7. js弹出确认框，挺全

    一种: <a href="javascript:if(confirm('确实要删除该内容吗?'))location='http://www.google.com'">弹 ...

  8. Yii 生成表单下拉选框及查询下拉选框

    CHtml类参考: http://www.yiichina.com/api/CHtml#activeDropDownList-detail activeDropDownList() 方法 public ...

  9. FineReport——JS二次开发（复选框全选）

    在进行查询结果选择的时候,我们经常会用到复选框控件,对于如何实现复选框全选,基本思路: 在复选框中的初始化事件中把控件加入到一个全局数组里,然后在全选复选框里对数组里的控件进行遍历赋值. 首先,定义两 ...

  10. 用jquery实现复选框全选全不选问题（完整版），在网络上怎么也找不到完整的解决方案，重要搞全了

    首先准备jsp页面控件: 请选择您的爱好:<br> <input type="checkbox" id="all" name="se ...

随机推荐

  1. Union比or快 Using UNION is faster when it comes to cases like scan two different column。

    problem: 595. Big Countries A country is big if it has an area of bigger than 3 million square km or ...

  2. delphi vlc 安装bug 处理编译错误＂0＂ is an invalid value for the ＂DebugInformation＂ parameter of the ＂DCC＂

    处理编译错误＂0＂ is an invalid value for the ＂DebugInformation＂ parameter of the ＂DCC＂ [摘要:http://blog.csdn ...

  3. 获取header中content-type的值

    后台传过来的值需要根据content-Type的值来判定成功与否 获取header中content-Tyep的值 用res.header['Content-Type']  

  4. Gcd的原理理解

    Ps:最小公倍数=a*b/gcd(a,b) a除以b的商为p,余数为q,a=b*p+q,gcd(b,q)可以整除a和b,因此gcd(b,q)也能整除gcd(a,b):反过来,gcd(a,b)也能整除g ...

  5. 算法中时间复杂度概括——o(1)、o(n)、o(logn)、o(nlogn)

    在描述算法复杂度时,经常用到 o(1), o(n), o(logn), o(nlogn) 来表示对应算法的时间复杂度, 这里进行归纳一下它们代表的含义:这是算法的时空复杂度的表示.不仅仅用于表示时间复 ...

  6. PAT甲级【2019年9月考题】——A1160 Forever【20】

    7-1 Forever (20 分) "Forever number" is a positive integer A with K digits, satisfying the ...

  7. LR 场景设置

    LR 场景设置group:多个脚本按照独立设置模式跑,各个脚本可以单独设置虚拟用户.运行时间scenario:多个脚本之间按照相同模式跑,将总的虚拟用户数按照一定比例分配给各个脚本 schedule ...

  8. Windows及MAC 安装Python3.7.4

    Windows没有Python环境,Mac自带Python 2,所以开发者需要下载Python 3进行开发相关工作,此文章介绍如何安装Python,Mac安装前可以在终端数输入python查看自带版本 ...

  9. fusionCharts图表在客户端导出图片

    前提:要具备三个文件:FusionCharts.js / FusionChartsExportComponent.js / FCExporter.swf 1.引用 js 文件 <script t ...

  10. 【学习总结】Python-3-身份运算符 is 与 == 区别

    参考:菜鸟教程-Python3运算符 身份运算符 is 和 is not:用于比较两个对象的存储单元 判断两个标识符是不是引用自相同或不同对象,返回一个布尔值 对于"同一个对象"中 ...