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. linux知识总结与问题总结

    一直以来经常听到LINUX,但是自己学习的也不深,也没有花时间来梳理一下自己的理解.趁着新年这段时间,好好梳理一下. 在理解LINUX前,先简单理解一下 一:操作系统这个概念. 操作系统就是与电脑中的 ...

  2. vue搭建项目之设置axios

    首先要下载axios: npm install axios -S 要注意的是,axios不支持Vue.use();这种方式,可以改写原型链. 第二步就是新建axios存放位置: 在项目中src中单独建 ...

  3. Linux（Ubuntu）常用命令（一）

    Linux先知: Linux历史: 关于这个我就不再多说了,其实是一个很有意思的故事串,网上找下一大堆. 类Unix系统目录结构: ubuntu没有盘符这个概念,只有一个根目录/,所有文件都在它下面 ...

  4. Linux用awk处理文本数据

    awk -F',' -v OFS='\t' 'NR>1{print $1, $4, $6, $7}' demo2.csv | sort -t $'\t' -k 1 -r

  5. linux中的常用信号

    linux中的常用信号,见如下列表: 信号名 值 标注 解释 ------------------------------------------------------------------ HU ...

  6. python学习第四天-函数

    函数  def开头 函数参数 其中name.age.sex为形参,'王锦时',21,'男'为实参 函数返回值 默认参数 关键字参数 收集参数 相当于把所有实参存在一个元组当中 收集参数和关键字参数的混 ...

  7. maven上传源码脚本

    mvn deploy:deploy-file -Dmaven.test.skip=true -Dfile=./target/bbc-common-1.0.0-source.jar -DgroupId= ...

  8. 50.Maximal Square（最大正方形）

    Level   Medium 题目描述: Given a 2D binary matrix filled with 0's and 1's, find the largest square conta ...

  9. git update-index --assume-unchanged on directory 转摘自：http://stackoverflow.com/questions/12288212/git-update-index-assume-unchanged-on-directory

    30down votefavorite 16 git 1.7.12 I want to mark all files below a given directory as assume-unchang ...

  10. bootstrap-thymeleaf-分页

    1.HTML代码 <div th:fragment="paginater"> <ul th:id="paginaterUlID" th:if= ...