<!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>
<title></title>
<script src="../jquery1.4.2/jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#SelectAll").click(function () {
$("#playlist :checkbox").attr("checked", true);
});
$("#UnSelect").click(function () {
$("#playlist :checkbox").attr("checked", false);
});
$("#OppoSelect").click(function () {
$("#playlist :checkbox").each(function () {
$(this).attr("checked", !$(this).attr("checked"));
});
});
});
</script>
</head>
<body>
<div id="playlist">
<input type="checkbox" value="歌曲1" />歌曲1<br />
<input type="checkbox" value="歌曲2" />歌曲2<br />
<input type="checkbox" value="歌曲3" />歌曲3<br />
<input type="checkbox" value="歌曲4" />歌曲4<br />
<input type="checkbox" value="歌曲5" />歌曲5<br />
</div>
<input type="button" id="SelectAll" value="全选" /><br />
<input type="button" id="UnSelect" value="不选" /><br />
<input type="button" id="OppoSelect" value="反选" /><br />
</body>
</html>
不选的原理就是利用each迭代循环，和原来的取反就行了。
相关推荐
"jquery全选反选全不选案例" 是一个常见的交互功能，常见于表格或者列表中，允许用户一键选择或取消所有选项。这个功能在数据筛选、批量操作等场景下非常实用。 实现这一功能的关键在于理解 jQuery 中的选择器和...
很好用的使用jquery来实现的通用的全选反选功能
对于“全选”、“全不选”和“反选”功能，jQuery 提供了简洁的解决方案，同时也可以方便地获取选中的元素值。以下我们将详细探讨如何使用 jQuery 实现这些功能。 1. **全选**： 全选功能通常应用于具有多选选项的...
本教程将深入探讨如何使用jQuery实现全选和反选功能，这在多选列表或表格中非常常见，例如在批量处理数据时。 全选和反选功能的核心在于同步用户界面中的复选框状态。当用户点击一个主复选框（通常标记为“全选”）...
以上就是使用jQuery实现全选、不选和反选功能的基本步骤。在实际项目中，你可能需要根据具体需求进行调整，例如增加对分页或动态加载数据的支持。同时，为了提高性能，可以考虑使用事件委托，避免为每个复选框单独...
demo46-jQuery全选，反选，取消选择.html
纯Jquery表格全选+反选+增删查找,一个简陋版本，仅供参考，细节处理不周到处请评论，后期有空修改
JQuery实现全选、全不选、反选功能 1、当点击'全选'按钮时，页面中所有的复选框都应该为选中状态， 1.1、当再次点击'全选'按钮时，所有的复选框应该是非选中状态。 1.2、当点击子复选框时，'全选'按钮应该是非选中...
本话题将深入探讨“jQuery全选反选插件”的相关知识点，这对于构建具有复选框全选和反选功能的用户界面非常有用。 首先，jQuery全选反选插件的核心功能是实现复选框的批量选择。在网页上，当用户需要对一组选项进行...
本文将详细讲解如何通过JS和jQuery实现checkbox的全选、反选以及全不选功能。 首先，我们需要理解HTML中的复选框元素`<input type="checkbox">`，它允许用户在一组选项中进行多选。为了实现全选、反选和全不选的...
### 一、jQuery全选 全选功能通常应用于多选列表或表格中，允许用户一次性选择所有选项。在jQuery中，我们可以通过`$("selector").attr("checked", true)`来实现。这里的`selector`是用于选择你想要设置为选中的...
jQuery表格行全选反选单选代码，例子采用bootstrap格式，可以选择自定义。
1. jQuery全选功能的实现 在前端开发中，全选功能通常用在列表中的复选框（checkbox）上。当用户点击一个"全选"按钮时，所有列表项中的复选框将被自动勾选。文件中描述的实现全选功能的方法涉及以下几个关键步骤： ...
使用jquery实现 checkbox的 全选，反选
本示例中，我们关注的是如何使用jQuery来实现复选框（checkbox）的全选和反选功能，这对于构建具有交互性的表单或者需要用户进行多选操作的界面是非常实用的。 在HTML中，复选框通常由`<input>`标签定义，类型为...
本篇文章将详细讲解如何利用jQuery实现全选、反选功能，并介绍如何获取选中项的值。这在构建网页表单或者需要用户多选操作的场景中非常常见。 首先，让我们理解全选和反选的基本概念。全选意味着选定所有可选项，而...
页面上通过一个checkbox实现全选与反选
"Jquery全选反选Checkbox"是一个常见的功能需求，特别是在需要用户批量选择或取消选择多个选项的场景下。这个功能通常应用于表格、列表或其他数据展示组件，让用户能够快速地对一组复选框进行全选或反选操作。 首先...
<title>jQuery全选/反选示例 <script src="https://code.jquery.com/jquery-1.8.3.min.js"></script> 全选" id="ckAll"/>水果 苹果" id="apple"/>苹果 香蕉" id="bann"/>香蕉 橘子" id="origin"/>...