做一个全选、反选、取消的jquery效果，很简单， 我就不打包了，直接在文章中显示出来。
<!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" />
<meta http-equiv="Content-Language" content="zh-CN" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<script type="text/javascript" src="jquery.js"></script>
<title>checekBox全选\反选控制</title>
<style type="text/css">
*{ margin:0 ; padding:0; font-size:12px;}
.main{ width:500px; margin:50px auto;}
input { margin:5px;}
</style>
</head>
<body>
<div>
<div class="main">
<h2>个人爱好：</h2>
<input type="checkbox" name="check" />十字绣
<input type="checkbox" name="check" />看时尚杂志
<input type="checkbox" name="check" />球类运动
<input type="checkbox" name="check" />看电视
<input type="checkbox" name="check" />看书
<input type="checkbox" name="check" />爬山
<br/>
<a href="javascript:void(0);" onclick="checkAll(this);"/>全选</a>
<a href="javascript:void(0);" onclick="checkAll(this,2);"/>反选</a>
<a href="javascript:void(0);" onclick="checkAll(this,1);"/>全部取消</a>
</div>
</body>
</html>
<script language="javascript">
function checkAll(obj,type)
{
//首先捕获需要控制的区域，需要有dom的知识
var goalArea=$(obj).parent();
$("input[@name='check']", goalArea).each
(
function ()
{
if(type==1)
{
//全部取消
$(this).attr("checked", false);
}
else if(type==2)
{
//反选
$(this).attr("checked", $(this).attr("checked")==true?false:true);
}
else
{
//全选
$(this).attr("checked", true);
}
}
)
}
</script>
分享到：
相关推荐
"jquery全选反选全不选案例" 是一个常见的交互功能，常见于表格或者列表中，允许用户一键选择或取消所有选项。这个功能在数据筛选、批量操作等场景下非常实用。 实现这一功能的关键在于理解 jQuery 中的选择器和...
本话题将深入探讨“jQuery全选反选插件”的相关知识点，这对于构建具有复选框全选和反选功能的用户界面非常有用。 首先，jQuery全选反选插件的核心功能是实现复选框的批量选择。在网页上，当用户需要对一组选项进行...
本示例中的"JS简单表格列表全选反选代码"是一个使用原生JS编写的功能，它允许用户通过点击表头按钮来实现表格数据的全选和反选操作。这个功能在处理大量数据时特别有用，例如在用户需要批量操作表格项时。 1. **...
接下来，我们引入jQuery库，并创建一个名为`select.js`的JavaScript文件，来处理全选/反选的逻辑： ```javascript $(document).ready(function() { // 当全选按钮被点击时，触发事件 $('#selectAll').click...
"Jquery全选反选Checkbox"是一个常见的功能需求，特别是在需要用户批量选择或取消选择多个选项的场景下。这个功能通常应用于表格、列表或其他数据展示组件，让用户能够快速地对一组复选框进行全选或反选操作。 首先...
标题“JQ全选和反选和取消”涉及的是jQuery中处理多选元素，如复选框或表格行的选择状态。在这个主题下，我们将深入探讨如何实现全选、反选以及取消选择的功能，并结合给出的`demo.html`文件进行实例分析。 1. **...
接下来，我们使用JavaScript（通常配合jQuery库，但也可以使用原生JS）来实现全选/反选功能。这里我们使用jQuery： ```javascript $(document).ready(function() { $('#selectAll').click(function() { if ($...
这个“模拟select带checkbox全选反选取消插件”是一个专门为了解决这个问题而设计的工具。它允许用户通过复选框（checkbox）进行多选操作，并提供了全选、反选和取消选择的功能，极大地方便了用户交互。 首先，让...
单击“商品列表”下的复选框，在“您选择的商品”下显示选项，取消勾选则移除选项。包括全选，反选功能。 效果图：http://img.my.csdn.net/uploads/201212/19/1355892213_4318.jpg
"jQuery全选反选及批量删除"是一个常见的交互功能，常用于表格或列表的管理，例如用户可以选择多个项目进行批量操作，如删除。这里我们将深入探讨如何实现这个功能。 首先，我们需要了解jQuery的选择器和事件绑定。...
用JavaScript使页面上的一组checkbox全选/取消全选，逻辑很简单，实现代码也没有太难的语法。但使用jQuery实现则更简单，代码也很简洁，精辟！
首先，`jQuery表格行全选反选单选代码`的核心是实现表格中的复选框操作。当用户点击表格的行时，行内的复选框会被选中或取消选中，同时该行会呈现出高亮状态，以提供清晰的视觉反馈。这种功能在数据管理和筛选场景中...
"jquery全选反选"这个主题就是关于如何利用jQuery实现复选框的选择全部（全选）和选择相反（反选）功能，这在诸如表格数据筛选、多选确认等场景中非常实用。 全选功能允许用户一键选中所有复选框，反选则是将所有已...
demo46-jQuery全选，反选，取消选择.html
这个"jQuery实现的表格行全选反选单选特效源码.zip"文件，显然包含了一套实现表格全选、反选和单选功能的jQuery代码示例。以下是对这个知识点的详细讲解： 首先，表格在Web应用中是常见的数据展示方式，全选、反选...
本文将深入探讨`.prop()`方法，特别是它在实现表格行全选与反选中的应用，同时还会涉及到`jquery.tableCheckbox.js`这个插件。 首先，`.prop()`方法是用来处理元素的属性（properties），如`checked`、`selected`或...
本示例“基于jQuery的三个JS复选框全选反选例子.zip”聚焦于如何利用jQuery实现复选框的全选与反选功能，这在表格或者多选项选择场景中非常常见。以下将详细介绍这一功能的实现方式。 首先，我们需要理解复选框...
本文将详细解析一个具体的全选与反选功能的JavaScript实现案例，并从中提取出相关的知识点。 #### 一、核心概念 1. **全选**：指通过单击一个特定按钮或选项来选择页面上所有可选择的项目。 2. **反选**：指通过...
对于“全选”、“全不选”和“反选”功能，jQuery 提供了简洁的解决方案，同时也可以方便地获取选中的元素值。以下我们将详细探讨如何使用 jQuery 实现这些功能。 1. **全选**： 全选功能通常应用于具有多选选项的...