<!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. DEMO阶段已完成，今天，要深入钻

    今天老师整理我的代码,发现,当时我没搞清楚这是正常的,由于我没有在一开始发挥到其翻译,而没有分析. 只要,研究底部是正确的.为了更好地理解代码. 上午:OSGEARTH视频教程. 上午,DX11机械仿 ...

  2. HDU 1596 find the safest road (最短路)

    find the safest road Time Limit: 10000/5000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Ot ...

  3. window批处理-4.call

    作用: 批处理中调用还有一个批处理或调用行号后的全部命令 格式: call [FileName] [:label] demo: call.bat: @echo off echo 開始调用called ...

  4. js Array 阵列扩展方法

    //又来了 Array.prototype.unique = function() { this.sort(); var re=[this[0]]; for(var i = 1; i < thi ...

  5. 移动端 iphone touchmove滑到边界（浏览器地址拦及以上） touchend失效解决办法

    在移动端h5页面:尤其那些全屏幕的盒展示切换页面,当用户无意中将手指滑到了 浏览器地址拦以上(中国移动这快区域):此时,手指已经离开屏幕了,但是ios上无法监听到touchend 事件:touchen ...

  6. Sqlite学习笔记(四)&&SQLite-WAL原理（转）

    Sqlite学习笔记(三)&&WAL性能测试中列出了几种典型场景下WAL的性能数据,了解到WAL确实有性能优势,这篇文章将会详细分析WAL的原理,做到知其然,更要知其所以然. WAL是 ...

  7. 多于ListView同步滚动

    简介: 发展过程中可能遇到的2一个或多个其他listview为了用相应的关系保持滚动的情况下一起,本文演示了这种效应为大家. 功效: 实现原理: 在滚动当中不论什么一个ListView的时候,同一时候 ...

  8. 每天收获一点点------Hadoop之HDFS基础入门

    一.HDFS出现的背景 随着社会的进步,需要处理数据量越来越多,在一个操作系统管辖的范围存不下了,那么就分配到更多的操作系统管理的磁盘中,但是却不方便管理和维护—>因此,迫切需要一种系统来管理多 ...

  9. Android通过使用Properties保存配置

    读写功能,如下面分别: import java.io.FileInputStream; import java.io.FileOutputStream; import java.util.Proper ...

  10. Lampda或Linq中的SqlFunctions.StringConvert()

    要使用 Lampda或Linq中的SqlFunctions.StringConvert(), 需要引用命名空间using System.Data.Objects.SqlClient, 该函数可进行模拟 ...