`
itmyhome
  • 浏览: 97517 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery实现复选框checkbox全选,取消全选

 
阅读更多

jsp中checkbox复选框的个数是依据从数据库中取出值的条数决定的,是Iterator循环遍历出来的。

<td class="rd8">
<input type="checkbox" name="selectFlag" id="selectFlag" value="<%=user.getUser_id()%>">
</td>


第一种方法:

//全选 
		$("#checkAll").click(function() {
			if (this.checked) {
				$("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox
							$(this).attr("checked", true);
						})
			} 
		})
		//取消全选 
		$("#delCheckAll").click(function() {
			if (this.checked) {
				$("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox
							$(this).attr("checked", false);
						})
			} 
		})


更简单直接的一种:

$("#checkAll").click(function() {
				if (this.checked) {
					$("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox
								$(this).attr("checked", true);
							})
				} else {   //反之 取消全选 
					$("input[name='selectFlag']:checkbox").each(function() { //遍历所有的name为selectFlag的 checkbox
								$(this).attr("checked", false);
								//alert("f");
							})
				}
			})


分享到:
评论

相关推荐

    jQuery实现复选框checkbox全选、反选功能.rar

    本示例中,我们关注的是如何使用jQuery来实现复选框(checkbox)的全选和反选功能,这对于构建具有交互性的表单或者需要用户进行多选操作的界面是非常实用的。 在HTML中,复选框通常由`&lt;input&gt;`标签定义,类型为...

    使用JQuery制作复选框的全选或单选特效

    为了实现全选或全不选的效果,我们需要一个主复选框(通常称为"全选"),当用户点击这个复选框时,所有的子复选框都会被选中或取消选中。 在jQuery中,我们可以通过选择器来选取特定的DOM元素,并使用各种方法来...

    JQuery实现checkbox的全选取消全选

    在IT领域,特别是前端开发中,使用jQuery来操作DOM元素是一种常见的实践,特别是在处理复选框(checkbox)的全选与取消全选功能时。本文将深入解析如何使用jQuery实现这一功能,通过分析给定代码片段,提炼出关键...

    jquery 、js实现复选框 (全选、反选)

    上述代码通过jQuery的选择器`$(":checkbox")`选中页面上所有的复选框,并通过`attr("checked", true)`设置它们的`checked`属性为`true`,从而实现了全选的功能。 **1.2 反选功能** 接下来实现反选功能,即当用户...

    实现table表格checkbox复选框的全选 反选

    在上面的代码中,我们有一个全选复选框(`#selectAll`)和多个行内复选框(`.itemCheckbox`)。全选复选框用于控制所有行内复选框的状态。 接下来,我们使用JavaScript(通常配合jQuery库,但也可以使用原生JS)来...

    jquery复选框全选操作

    在本示例中,我们将聚焦于jQuery实现复选框的全选与反选功能,这对于创建数据筛选或批量操作的用户界面非常有用。下面将详细介绍这个功能的实现方式。 首先,我们需要在HTML页面中设置一组复选框,通常我们会为这些...

    一天搞定jQuery(三)——使用jQuery完成复选框的全选和全不选

    在本篇中,我们将深入探讨如何使用jQuery库来实现复选框的全选与全不选功能。jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互等任务,使得开发者能够更高效地编写代码。在这个示例中...

    jQuery一句话实现复选框全选取消

    jQuery作为一款轻量级的JavaScript库,提供了一种简洁、高效的方式来操作DOM元素,实现复选框的全选和取消全选功能。 本文将详细讲解如何使用jQuery一句话实现复选框的全选和取消全选功能。 首先,我们需要在HTML...

    jquery特效制作复选框,全选,反选,取消,购物车,统计价格,统计

    在这个项目中,我们关注的是使用jQuery来实现一些特定的功能,这些功能包括复选框的操作(全选、反选、取消选择)以及购物车中的商品价格统计。 首先,让我们深入了解一下复选框的操作。在HTML中,复选框是通过`...

    jquery 复选框 全选,全不选

    本话题主要关注如何使用jQuery来实现复选框的全选和全不选功能。在HTML页面中,复选框是一种常见的表单元素,用于让用户可以选择多个选项中的一个或多个。全选和全不选功能则为用户提供了一种便捷的方式来一次性选择...

    JQUERY复选框CHECKBOX全选,取消全选

    在本例中,jQuery被用来简洁地实现复选框的全选与取消全选功能。 2. 复选框(Checkbox):复选框是一种表单元素,允许用户在有限的选项中进行多选。它通常用于表单中收集用户的输入数据。复选框通常通过HTML中的`...

    jquery复选框_全选_反选_取消_选中输出等功能用jquery特效和jquery插件两种表单特效

    ### 使用jQuery实现复选框全选、反选、...&lt;title&gt;jQuery复选框全选反选取消选中输出等功能用jQuery特效和jQuery插件两种特效 &lt;script type="text/javascript" src="http://www.mailuke.com/js/jquery-1.2.6.pack.js"&gt; ...

    spreadjs_列头添加复选框全选功能-demo.zip

    《SpreadJS:实现列头复选框全选功能详解》 SpreadJS 是一款强大的JavaScript电子表格库,由 GrapeCity 公司开发,它允许开发者在Web应用中创建、编辑和展示电子表格数据。在实际应用中,我们经常需要在列头添加复...

    checkbox的全选与取消

    全选功能通常是通过一个主复选框来实现的,当用户点击这个主复选框时,所有相关的子复选框会被自动选中或取消。这需要用到JavaScript或者jQuery来实现交互逻辑。例如,我们可以添加一个主复选框并监听其`change`事件...

    利用Bootstrap实现表格复选框checkbox全选

    在本文中,我们将探讨如何利用Bootstrap这一流行的前端框架来实现表格中的复选框全选功能。Bootstrap是由Twitter开发的,它提供了一套响应式布局、移动设备优先的WEB开发工具,使得网页设计更加简单和快捷。 要实现...

    基于jQuery实现复选框的全选 全不选 反选功能

    本代码是在众多的jQuery复选框功能代码中精选出来的,本人项目中使用的代码,这里分享给大家。 jQuery代码: 代码如下:  $(function(){  $(“#checkedAll”).click(function(){  $(‘[name=items]:checkbox’)...

    复选框的全选和反选、复选框的全选和反选

    反选功能与全选类似,但它的目的是取消所有已选中的复选框。以下是一个反选的JavaScript示例: ```javascript function deselectAll() { var checkboxes = document.getElementsByName('checkboxName'); for (var...

    复选框的全选和取消的例子

    "复选框的全选和取消的例子"是一个实际应用案例,展示了如何实现对一组复选框进行全选和取消全选的功能,同时涉及到了数据的存储与管理,如使用SQL Server 2000数据库进行数据操作。 在这样的系统中,通常会有一个...

    jquery复选框CHECKBOX全选、反选

    在jQuery中,处理复选框(CHECKBOX)的全选和反选操作是常见的需求,尤其是在数据筛选或批量操作的场景下。这里介绍一个官方提供的函数`CheckboxGroup`,它简化了这一过程。该函数在2018年6月18日的最新版本中发布,...

    jquery 实现复选框的全选操作实例代码

    jquery 实现复选框的全选操作实例代码 最近做了个需求,需要实现列表复选框的全选/取消全选操作,由于之前对这块不是很了解,所以从网上查了一些资料,虽然有各种实现方法,但没找到直接可以套用的。自己琢磨了下,...

Global site tag (gtag.js) - Google Analytics