<?php
print_r($_POST);
?>
<!DOCTYPE HTML PUBLIC "-//W 3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<SCRIPT LANGUAGE="JavaScript" src="jquery.js"></script>
<SCRIPT LANGUAGE="JavaScript">
<!--
$("document").ready(function(){
$("#btn1").click(function(){
$("[name='aa[]']").attr("checked",'true');//全选
})
$("#btn2").click(function(){
$("[name='aa[]']").removeAttr("checked");//取消全选
})
$("#btn4").click(function(){//反选
$("[name='aa[]']").each(function(){
if($(this).attr("checked")){
$(this).removeAttr("checked");
} else {
$(this).attr("checked",'true');
}
})
})
})
//-->
</SCRIPT>
</HEAD>
<BODY>
<form name="form1" method="post" action="">
<input type="button" id="btn1" value="全选">
<input type="button" id="btn4" value="反选">
<input type="button" id="btn2" value="取消选择">
<br>
<input type="checkbox" name="aa[]" value="checkbox1">
checkbox1
<input type="checkbox" name="aa[]" value="checkbox2">
checkbox2
<input type="checkbox" name="aa[]" value="checkbox3">
checkbox3
<input type="checkbox" name="aa[]" value="checkbox4">
checkbox4
<input type="checkbox" name="aa[]" value="checkbox5">
checkbox5
<input type="checkbox" name="aa[]" value="checkbox6">
checkbox6
<input type="checkbox" name="aa[]" value="checkbox7">
checkbox7
<input type="checkbox" name="aa[]" value="checkbox8">
checkbox8
<br>
<input type="submit" name="Submit" value="提交">
</form>
</BODY>
</HTML>
分享到：
相关推荐
**jQuery 复选框组件详解** 在Web开发中，复选框（Checkbox）是一种常见的用户交互元素，用于让用户从多个选项中选择一个或多个。jQuery，作为一款强大的JavaScript库，提供了丰富的插件和方法来增强复选框的功能和...
在提供的`arrtest.html`文件中，我们可以预期看到一个包含jQuery复选框操作的示例页面。这个页面可能包含一些交互式复选框，演示了上述提到的功能，如事件监听、状态改变和视觉效果。通过查看和分析源代码，我们可以...
在本示例中，我们将聚焦于jQuery实现复选框的全选与反选功能，这对于创建数据筛选或批量操作的用户界面非常有用。下面将详细介绍这个功能的实现方式。 首先，我们需要在HTML页面中设置一组复选框，通常我们会为这些...
"Jquery复选框美化"和"单选按钮美化"正是关注这个领域的技术实践。jQuery，一个强大的JavaScript库，为开发者提供了丰富的API和插件，使得这些基础的HTML元素能够变得更加吸引人和功能强大。 首先，复选框和单选...
这个例子展示了如何利用jQuery的事件处理和DOM操作来实现复选框的全选全不选功能。在实际应用中，你可以根据需要对这个基础框架进行扩展，例如增加对分组复选框的支持，或者添加更复杂的逻辑判断。在HTML和jQuery的...
本主题涉及的是一个基于jQuery的下拉多选复选框插件，该插件能够提供用户友好的界面，方便用户在下拉菜单中进行多选操作，尤其适用于后台数据管理或前端交互场景。下面将详细介绍这个插件及其相关的知识点。 1. **...
在这个项目中，我们关注的是使用jQuery来实现一些特定的功能，这些功能包括复选框的操作（全选、反选、取消选择）以及购物车中的商品价格统计。 首先，让我们深入了解一下复选框的操作。在HTML中，复选框是通过`...
### 使用jQuery实现复选框全选、反选、...<title>jQuery复选框全选反选取消选中输出等功能用jQuery特效和jQuery插件两种特效 <script type="text/javascript" src="http://www.mailuke.com/js/jquery-1.2.6.pack.js"> ...
总结，"jquery无限极复选框下拉树"是一个基于jQuery和layui的交互式组件，它结合了复选框、下拉菜单和无限级树结构，提供了全选/单选功能，适用于需要展现和操作层次数据的场景。通过理解和运用这些知识点，开发者...
jQuery作为一个强大的JavaScript库，提供了解决这一问题的方法，可以通过自定义CSS和事件处理来实现复选框的美化和交互功能。本文将详细介绍如何使用jQuery实现复选框的选中与不选中效果的美化。 首先，我们需要...
通常，这个文件会定义一个函数或对象，用于初始化和操作树形复选框。插件的API可能包括加载数据、展开/折叠节点、获取选中项等方法。理解这部分代码有助于我们自定义功能或解决潜在问题。 在实际应用中，我们可以...
本示例中，我们关注的是如何使用jQuery来实现复选框（checkbox）的全选和反选功能，这对于构建具有交互性的表单或者需要用户进行多选操作的界面是非常实用的。 在HTML中，复选框通常由`<input>`标签定义，类型为...
在本主题中，我们将深入探讨如何在jQuery中处理动态生成的复选框，并获取它们的值。复选框是HTML表单中常见的一种元素，用于让用户选择一个或多个选项。 一、jQuery基本概念 jQuery通过一个简洁的语法，让...
本教程将深入探讨如何使用jQuery实现复选框的全选和单选特效，为用户界面添加交互性和动态性。 首先，我们需要理解HTML中的复选框（`<input type="checkbox">`）的基本用法。复选框允许用户从多个选项中选择一个或...
在网页开发中，jQuery 是一...总结，jQuery 提供了强大的工具来操作和管理网页中的复选框，包括全选、反选、获取属性值以及监听状态变化等功能。开发者可以根据具体需求灵活运用这些方法，以提高用户体验和网页交互性。
本项目“jQuery滑动复选框操作菜单”是针对前端开发的一个功能实现，主要用于创建动态且交互性强的菜单导航，特别是在移动设备上，滑动复选框能提供更好的用户体验。下面我们将深入探讨这个主题中的关键知识点。 ...
在"Jquery复选框的值"这个主题中，我们将探讨如何利用jQuery实现批量获取复选框的值，并通过一个简单的`index.jsp`示例来阐述这一过程。 首先，我们需要了解HTML中复选框的基本结构。复选框通常使用`<input>`元素的...
`highchecktree`是一个专门针对这种情况设计的jQuery插件，它能高效地处理大量数据并提供带有复选框的功能，使得用户可以进行多级选择操作。 ### 插件特点 1. **高性能**: `highchecktree`特别优化了大数据量的...
总的来说，"jquery复选框产品对比功能"是一个结合了HTML、CSS和jQuery的项目，通过复选框交互、DOM操作、事件处理和数据存储等多个技术点，实现了电商网站常见的产品比较功能。这个项目不仅能够锻炼开发者对jQuery的...
"jQuery单选框跟复选框美化代码.zip"这个资源提供了一种方法，使得开发者可以优雅地对网页中的单选框（radio buttons）和复选框（checkboxes）进行样式定制，提升用户体验。 首先，我们要理解单选框和复选框在HTML...