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

如何实现复选框全选

阅读更多
JS代码如下:

<script type="text/javascript">
var checkflag=false;
function checkedbox(checkname){
     if(checkflag==false){
         for(i=0;i<checkname.length;i++){
              checkname[i].checked=true;
           }
      checkflag=true;
     }else if(checkflag==true){
         for(j=0;j<checkname.length;j++){
              checkname[j].checked=false;
            }
      checkflag=false;
     }         
}
<script>     

JSP页面代码如下:
<body>
	<form name="form1" method="post" action="***.action">
		<table width="100%" border="0" cellspacing="0" cellpadding="0"
			class="listtab">
			<tr class="listtitle">
				<td><input type="checkbox" name="checkAll" value="全选"
					onClick="checkedbox(this.form.delGameId)">
				</td>
			</tr>
			<tr>
				<td align="center"><input type="checkbox" name="delGameId"
					value="${ga.gooId}">
				</td>
			</tr>
		</table>
	</form>
</body>
分享到:
评论

相关推荐

    javascript 实现复选框全选/取消功能

    ### JavaScript 实现复选框全选/取消功能 在网页开发中,经常需要用到复选框全选或取消的功能。本文将详细介绍如何通过JavaScript实现这一功能,并解析提供的代码片段。 #### 1. 功能概述 本功能的目标是实现一个...

    js 实现 复选框全选(二)

    js 实现 复选框全选(二)! 值得下载看看!资源免费,大家分享!!

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

    在这个HTML文件中,我们将看到SpreadJS的初始化代码,以及用于实现复选框全选功能的相关JavaScript逻辑。例如,我们需要引入 SpreadJS 的核心库,如 "gc.spread.sheets.all.14.1.1.min.js",这是一个包含了SpreadJS...

    JS实现复选框全选全不选以及子复选框带动全选框的选中

    在网页交互设计中,复选框...综上所述,通过JavaScript实现复选框全选全不选以及子复选框带动全选框的选中功能,主要涉及事件监听、DOM操作和状态同步。这种交互设计能提高用户操作的便捷性,提升网页应用的用户体验。

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

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

    一个实现复选框全选的JavaScript 例子

    一个实现复选框全选的JavaScript 例子, 如何使用javaScript 使网页上的复选框被选中

    vue+vant-UI框架实现购物车的复选框全选和反选功能

    ### Vue+Vant-UI框架实现购物车复选框全选和反选功能 #### 1. 概述 在电商类应用中,购物车模块是用户进行商品选购时的重要组成部分。其中,复选框全选和反选功能可以帮助用户快速选择或取消选择购物车中的全部商品...

    js 实现 复选框全选(一)

    js 实现 复选框全选(一)! 值得下载看看!资源免费,大家分享!!

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

    在网页设计和开发中,复选框(Checkbox)是一种常见的用户界面元素,用户可以通过它来选择或取消选择多个...通过学习和理解这些代码,开发者可以掌握实现复选框全选、全不选和反选效果的核心技术,从而提升网页交互性。

    jquery实现复选框全选和反选

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

    DataGridView 复选框全选。

    在这个场景下,我们将关注如何在`DataGridView`中实现复选框列的全选功能。这涉及到用户交互的增强,以及对事件响应的编程。 首先,我们需要在`DataGridView`中添加一个复选框列。这可以通过在设计时手动添加,或在...

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

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

    jquery复选框全选操作

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

    react实现复选框全选和反选组件效果

    在React开发中,实现复选框全选和反选功能是一项常见的需求,特别是在表单或者数据筛选场景下。本文将详细解析如何通过React组件来实现这一功能。 首先,我们需要创建一个名为`List`的React组件。这个组件会包含一...

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

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

    QTableWidget表头添加复选框实现全选功能

    有时候,我们希望在表格的表头中添加复选框,以便实现全选或取消全选的功能,这在处理大量数据时尤其有用。本篇文章将详细解释如何在`QTableWidget`的表头中添加复选框并实现全选功能。 首先,我们需要了解`...

    复选框全选全不选JS代码

    本文将深入探讨“复选框全选全不选JS代码”的实现原理、应用场景以及如何优化这段代码,以便开发者能够更好地理解和运用到实际项目中。 ### 复选框全选与全不选的概念 复选框(Checkbox)是Web表单中常见的元素,...

    JQ 复选框全选反选

    在实现复选框全选功能时,我们可以创建一个复选框,它的勾选状态将决定其他所有复选框的状态。例如,我们可以设置一个ID为"selectAll"的复选框,并绑定"click"事件,当用户点击这个复选框时,触发相应的函数,将所有...

    js控制复选框全选、全不选

    在JavaScript编程中,"js控制复选框全选、全不选"是一个常见的需求,尤其在数据表或者选项列表中,用户可能希望一次性选中或取消所有复选框。这个功能可以通过编写简单的JavaScript代码实现。这里我们将深入探讨如何...

    jquery 复选框 全选,全不选

    &lt;title&gt;jQuery 复选框全选全不选示例 &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; &lt;input type="checkbox" id="selectAll"&gt; 全选 ...

Global site tag (gtag.js) - Google Analytics