`
zhuojb
  • 浏览: 91137 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

jquery 简单实现复选框全选/反选

阅读更多
$('#chooseAll').bind('click',function(){
	    		$('#raceTable tbody input:checkbox').attr('checked',$('#chooseAll').attr('checked')); 
    		})

<tbody>
	    	<s:iterator value="raceKindList" var="race">
		    	<tr>
		    		<td><input type="checkbox" name="choose" value="${race.id}" /></td>
		    		<td>${race.kindName}</td>
		    		<td>${race.agtId}</td>
		    		<td>${race.agtName}</td>
		    		<td>${race.comname2}</td>
		    		<td>${race.comname3}</td>
		    		<td>${race.comname4}</td>
		    		<td>${race.totTarget}</td>
		    		<td>${race.carTarget}</td>
		    		<td>${race.xCarTarget}</td>
		    		<td>${race.travelYn}</td>
		    		<td>${race.originAmt}</td>
		    		<td>${race.calAmt}</td>
		    		<td>${race.carAmt}</td>
		    		<td>${race.xCarAmt}</td>
		    		<td>${race.propertyAmt}</td>
		    		<td>${race.springAmt}</td>
		    		<td>${race.shipAmt}</td>
		    		<td>${race.channelAmt}</td>
		    		<td>${race.remarks}</td>
		    	</tr>
	    	</s:iterator>
		</tbody>
		<tfoot>
	    	<tr>
	    		<td colspan="20">	
		    		<div style="float:left"><input type="checkbox" id="chooseAll" name="chooseAll" />全部选择</div>
	    			<jsp:include page="../common/jqueryPage.jsp"></jsp:include>
	    		</td>
	    	</tr>
	    	 <tr>
                <td colspan="20" class=button>
			       <input class="button" type="button" name="buttonSubmit"  value="导出Excel" onclick="">
			       <input class="button" type="button" name="buttonCancel"  value="返回" onclick="goback()">
			    </td>
            </tr>         
		</tfoot>
分享到:
评论

相关推荐

    juqery实现复选框全选/反选demo源码

    在标题"jQuery实现复选框全选/反选demo源码"中,我们关注的核心知识点是利用jQuery实现复选框的全选和反选功能。这个功能在许多网页应用中都非常实用,比如在表格数据筛选、表单多选等场景。通过简单的jQuery代码,...

    jquery实现复选框全选和反选

    《锋利的jquery》利用jquery实现复选框的全选和反选

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

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

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

    在HTML的表格中实现复选框的全选与反选功能,能够大大提升用户体验,使用户可以便捷地选择一组数据。这里我们将详细探讨如何通过JavaScript和HTML来实现这一功能。 首先,我们需要创建一个包含复选框的HTML表格。...

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

    #### 一、jQuery实现复选框全选与反选 **1.1 全选功能** 首先来看全选功能的实现。全选即用户点击某个按钮后,页面上所有的复选框都将被选中。 ```javascript // 全选 function checkAll() { $(":checkbox")....

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

    全选和反选功能则是复选框常用的一种交互模式,极大地提升了用户体验,特别是当选项数量较大时。本文将深入探讨复选框的全选和反选机制及其在IT中的应用。 全选功能是指用户只需点击一个按钮或复选框,就能同时选中...

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

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

    一个基于jQuery 实现的的全选、反选复选框插件源码例子

    如果这是一个源码文件,那么它应该包含了上述提到的jQuery实现的复选框全选反选功能的完整代码。 总结起来,这个基于jQuery的全选、反选复选框插件源码例子涉及到了jQuery的选择器、属性操作、事件处理、可能还有...

    jquery插件库-jquery添加购物车复选框,全选,反选,取消商品数量统计.zip

    这个"jquery插件库-jquery添加购物车复选框,全选,反选,取消商品数量统计.zip"文件包含了一个专门针对购物车功能的jQuery插件,用于实现复选框的操作,如全选、反选和商品数量的统计。 1. **jQuery插件**:jQuery...

    基于jQuery的三个JS复选框全选反选例子.zip

    本示例“基于jQuery的三个JS复选框全选反选例子.zip”聚焦于如何利用jQuery实现复选框的全选与反选功能,这在表格或者多选项选择场景中非常常见。以下将详细介绍这一功能的实现方式。 首先,我们需要理解复选框...

    jQuery实现复选框全选/取消全选/反选及获得选择的值

    jQuery实现复选框全选、取消全选、反选及获得选择的值是前端开发中常遇到的需求,下面详细介绍一下这些操作的实现方式。 首先,全选功能通常会有一个控制所有复选框状态的主复选框,当主复选框被选中时,页面上所有...

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

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

    复选框全选、全不选和反选的效果实现.rar

    本资源"复选框全选、全不选和反选的效果实现.rar"聚焦于JavaScript(JS)实现复选框的全选、全不选和反选功能,这对于创建交互性强、用户体验良好的网页表单至关重要。全选、全不选和反选功能使得用户可以便捷地管理...

    jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证

    jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证 &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &lt;base href="&lt;&#37;=basePath%&gt;"&gt; &...

    jquery复选框全选操作

    以上就是使用jQuery实现复选框全选和反选的基本步骤。在实际项目中,你可能还需要考虑一些边缘情况,例如当子复选框动态添加或删除时,全选状态的更新等。这个小示例提供了一个基础框架,开发者可以根据具体需求进行...

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

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

    Jquery实现全选和反选功能

    全选和反选功能的核心在于同步用户界面中的复选框状态。当用户点击一个主复选框(通常标记为“全选”)时,所有关联的子复选框应随之被选中或取消选中。接下来我们将详细讲解实现这一功能的步骤。 1. **HTML结构**...

    利用jQuery实现CheckBox全选/全不选/反选的简单代码

    jQuery有些版本中实现CheckBox全选/全不选/反选会有bug,经测试jquery-1.3.1.js–&gt;测试通过,jquery-1.5.1.js–&gt;测试不通过。...复选框全选/全不选/反选&lt;/title&gt; &lt;meta http-equiv="pragma" conten

    JQ 复选框全选反选

    总结来说,"JQ 复选框全选反选"是jQuery中常见的用户交互功能,通过选择器定位复选框,绑定事件处理函数,以及利用DOM操作改变元素属性,可以轻松实现这一功能。在实际开发中,理解并掌握这些基础技巧对于提升用户...

    复选框的全选,反选、脚本、javascript实现、无刷新

    本文将详细介绍如何使用JavaScript实现复选框的全选、反选功能,并探讨相关的脚本编写技巧。 首先,我们需要理解复选框的基本HTML结构。一个简单的复选框标签是这样的: ```html ``` 这里的`type="checkbox"`...

Global site tag (gtag.js) - Google Analytics