<!DOCTYPE html>

<html>

<head>

<script type="text/javascript" src="../js/jquery-1.9.1.js"></script>

<script type="text/javascript">

	$(document).ready(function() {

		// 全选/取消所有

		$("#checkAllChange").click(function() {

			if (this.checked == true) {

				$(".userid").each(function() {

					this.checked = true;

				});

			} else {

				$(".userid").each(function() {

					this.checked = false;

				});

			}

		});

		// 全选

		$("#checkAll").click(function() {

			$(".userid").each(function() {

				this.checked = true;

			});

		});

		// 取消所有

		$("#removeAll").click(function() {

			$(".userid").each(function() {

				this.checked = false;

			});

		});

		// 反选

		$("#reverse").click(function() {

			$(".userid").each(function() {

				if (this.checked == true) {

					this.checked = false;

				} else {

					this.checked = true;

				}

			})

		});

		//批量删除

		$("#delAll").click(function() {

			var arrUserid = new Array();

			$(".userid").each(function(i) {

				if (this.checked == true) {

					arrUserid[i] = $(this).val();

				}

			});

			alert("批量删除的:" + arrUserid);

		});

	});

</script>

</head>

<body>

	<table border="1">

		<tr>

			<td><input type="checkbox" id="checkAllChange" /></td>

			<td>用户id</td>

			<td>username</td>

			<td>电话</td>

			<td>地址</td>

		</tr>

		<tr>

			<td><input type="checkbox" class="userid" value="1" /></td>

			<td>1</td>

			<td>wangzs1</td>

			<td>18888000</td>

			<td>浦东</td>

		</tr>

		<tr>

			<td><input type="checkbox" class="userid" value="2" /></td>

			<td>2</td>

			<td>wangzs2</td>

			<td>18888001</td>

			<td>上海</td>

		</tr>

		<tr>

			<td><input type="checkbox" class="userid" value="3" /></td>

			<td>3</td>

			<td>wangzs3</td>

			<td>18888002</td>

			<td>河南</td>

		</tr>

		<tr>

			<td><input type="checkbox" class="userid" value="4" /></td>

			<td>4</td>

			<td>wangzs4</td>

			<td>18888003</td>

			<td>许昌</td>

		</tr>

		<tr>

			<td></td>

			<td><input type="button" id="checkAll" value="全选" /></td>

			<td><input type="button" id="removeAll" value="取消所有" /></td>

			<td><input type="button" id="reverse" value="反选" /></td>

		</tr>

		<tr>

			<td colspan="4" align="center"><input type="button" value="批量删除" id="delAll"></td>

		</tr>

	</table>

</body>

</html>

版权声明：本文博客原创文章。博客，未经同意，不得转载。

jQuery选中该复选框来实现/全部取消/未选定/获得的选定值的更多相关文章

  1. 11月8日下午Jquery取属性值（复选框、下拉列表、单选按钮）、做全选按钮、JSON存储、去空格

    1.jquery取复选框的值 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...

  2. Jquery取属性值（复选框、下拉列表、单选按钮）、做全选按钮、JSON存储、去空格

    1.jquery取复选框的值 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...

  3. javascript 动态控制复选框的选择和取消

    这里就需要引入一个jquery-1.4.2.js 就行了,因为用到了里面的选择器 <html> <head> <script type="text/javasc ...

  4. Jquery学习笔记：操作form表单元素之二（复选框和单选框）

    在上面文章的基础上,我们介绍如何操作表单元素中的 复选框和单选框. 一.复选框 <label> <input type="checkbox" id="i ...

  5. jquery：获取checked复选框的问题

    jquery:获取checked复选框的问题 功能描述:要完成一个全选的功能,但总是获取不到复选框的被选中的个数,究其原因,是Jquery中length和checked使用不当所造成的. // 获取所 ...

  6. 【jQuery】对于复选框操作的attr与prop

    这个是在jQuery1.6版本号之后出现的鬼东西.受影响的主要有下拉列表select与复选框checkbox.众所周知.在jQuery中能够用attr()取出节点的属性,然而对于checkbox却不是 ...

  7. 表格中的checkbox复选框 全选非全选 公共方法 及提交选中结果

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  8. 使用JQuery做一组复选框的功能。

    之前做过复选框的功能,奈何笔记丢失,害的我又鼓捣了一番...还是博客园做笔记比较好. 假设现在有一个表格,每一行都有一个复选框按钮.在表头还有一个全选的复选框按钮. ①.当点击一个全选按钮时,下面的同 ...

  9. 转载：Bootstrap之表格checkbox复选框全选

    转:http://blog.csdn.net/shangmingchao[商明超的博客] 效果图: HTML中无需添加额外的一列来表示复选框,而是由JS完成,所以正常的表格布局就行了: 版权声明:如需 ...

随机推荐

  1. 最快的方法来清除Chrome浏览器DNS高速缓存

    最快的方法是直接数据url.那么不需要清除dns高速缓存. chrome://net-internals/#dns 一般步骤,要经过下列几项. Chrome - > 扳手 - > 选项 - ...

  2. .NET应用架构设计—工作单位模式（摆脱程序代码的重要思想，反击DDD）

    阅读文件夹: 1.背景介绍 2.过程式代码的真正困境 3.工作单元模式的简单演示样例 4.总结 1.背景介绍 一直都在谈论面向对象开发.可是开发企业应用系统时.使用面向对象开发最大的问题就是在于,多个 ...

  3. csdn仍是&quot;待定&quot;对?

    正如标题,我的博客会审查,?我们见证.如此反复.考虑到该博客平台的变化.              看来,这次最终逃脱被"待审核",看来再也不用受这个困扰了,希望以后CSDN可以在 ...

  4. vijos 1234 口袋的天空

    最小生成树kruscal算法 #include<iostream> #include<algorithm> #include<cstring> #define ma ...

  5. OpenCV视频播放方法

    OpenCV视频播放方法 今天折腾了一下OpenCV的视频播放功能,希望能对项目又帮助- 代码还是非常easy的,仅仅是之前遇到点小麻烦,找不到cvCreateFileCapture函数的定义,花了一 ...

  6. Winpcap网络编程十之Winpcap实战,两台主机通过中间主机通信

    注:源码等等的我不会全然公开的,此篇文章写出来为大家的网络编程或者课程设计提供一定的思路.. 好,本次我们须要完毕的任务是: 完毕两台主机通过中间主机的数据通信(网络层) 添加基于IP地址的转发功能 ...

  7. Android 异步消息处理机制 让你在深入了解 Looper、Handler、Message之间的关系

    转载请注明出处:http://blog.csdn.net/lmj623565791/article/details/38377229 ,本文出自[张鸿洋的博客] 非常多人面试肯定都被问到过,请问And ...

  8. ARP协议的基础知识

          关于ARP协议的基础知识 1．ARP的工作原理 本来我不想在此重复那些遍地都是的关于ARP的基本常识,但是为了保持文章的完整性以及照顾初学者,我就再啰嗦一些文字吧,资深读者可以直接跳过此节 ...

  9. linux 终端下敲ctrl-c时，到底发生了什么?(转)

    通过telnet登录到单板,然后按ctrl-c会发生什么情况,流程是怎么样的? 在分析之前,先介绍tty的相关知识.我们可以认为,所有跟输入输出相关的操作,最终都由tty来接管.举例来说,当我们敲 l ...

  10. 一个由proguard与fastJson引起的血案（转）

    更新微信sdk导致ComposeData中的内部类ComposeDataSender方法被混淆 根本原因,fastjson使用姿势不对. 问题描述: 一个发件人列表里,应当呈现的数据(这里命名为Com ...