- 浏览: 6348919 次
- 性别:
- 来自: 一片神奇的土地
文章分类
- 全部博客 (745)
- JQuery (25)
- JS (33)
- 数据库 (59)
- Java基础 (56)
- JSON (8)
- XML (8)
- ireport (7)
- 设计模式 (10)
- 心情 (14)
- freemarker (1)
- 问题 (15)
- powerdesigner (2)
- CSS (15)
- DWR (4)
- tomcat (16)
- Hibernate (12)
- Oracle (7)
- Struts (7)
- Spring (34)
- JSP (23)
- 需学习 (64)
- 工具类库 (63)
- Maven (14)
- 笔试题 (34)
- 源码学习 (31)
- 多线程 (39)
- Android (32)
- 缓存 (20)
- SpringMVC (14)
- jQueryEasyUi (12)
- webservice-RPC (13)
- ant (1)
- ASP.NET (10)
- 正则表达式 (3)
- Linux (15)
- JBoss (1)
- EJB (3)
- UML (2)
- JMS (3)
- Flex (8)
- JSTL (2)
- 批处理 (5)
- JVM (16)
- 【工具】 (16)
- 数据结构 (29)
- HTTP/TCP/Socket (18)
- 微信 (1)
- tomcat源码学习 (15)
- Python (30)
- 主机 (2)
- 设计与架构 (19)
- thrift-RPC (2)
- nginx (6)
- 微信小程序 (0)
- 分布式+集群 (12)
- IO (1)
- 消息队列 (4)
- 存储过程 (8)
- redis (9)
- zookeeper (5)
- 海量数据 (5)
最新评论
-
360pluse:
技术更新,战术升级!Python爬虫案例实战从零开始一站通网盘 ...
Python爬虫实战:Scrapy豆瓣电影爬取 -
18335864773:
推荐用 pageoffice 组件生成 word 文件。
JAVA生成WORD工具类 -
jjhe369:
LISTD_ONE 写道起始地址为163.135.0.1 结束 ...
IP地址与CIDR -
baojunhu99:
private final int POOL_SIZE = 5 ...
使用CompletionService获取多线程返回值 -
LovingBaby:
胡说,javascript 运行时是单线程的,event lo ...
Ajax请求是否可以实现同步
1.
var checkedList = []; // save for all checked box var tmpHotel = new Hotel(); tmpHotel.setHotelId("${item.key}"); checkedList[tmpHotel.getHotelId()] = []; //将每个hotelId对应的行也初始化为一个数组 <td class="htbl_td1_'+tr_border+'"> <input onclick="modifyCheckedList(\''+ hotels[i].getHotelId() +'\', this, '+ hotels[i].getRooms(rTypeCnt).getInternalId(j) +');" type="checkbox" /> </td>;
//点击每行(room行)的复选框时,将该行对应的internalId放入二维数组checkedList[hotelId][checkedList[hotelId].length] 项中 function modifyCheckedList(hotelId, chk, internalId) { if ( chk.checked == true) checkedList[hotelId][checkedList[hotelId].length] = internalId; for (var i=0; i<checkedList[hotelId].length; i++) { if (checkedList[hotelId][i] == internalId) { if (chk.checked == true) { // Do nothing here } else { checkedList[hotelId][i] = 0; // remove the internalid form checkedList array setDeleteLinkVisible(hotelId); setBatchUpdateVisible(hotelId); return; } } if (checkedList[hotelId][i] == 0) { if (chk.checked == true) { checkedList[hotelId][i] = internalId; } setDeleteLinkVisible(hotelId); setBatchUpdateVisible(hotelId); return; } } setDeleteLinkVisible(hotelId); setBatchUpdateVisible(hotelId); }
//显示批量操作按钮 function setBatchUpdateVisible(hotelId) { var noTick = true; for (var i=0; i<checkedList[hotelId].length; i++) { if (parseInt(checkedList[hotelId][i]) != 0) { noTick = false; break; } } if (noTick == true) { $("batchUpdateLink" + hotelId).style.display = "none"; } else { $("batchUpdateLink" + hotelId).style.display = ""; } }
//点击批量操作按钮 //从checkedList[hotelId][..]中读取选中的复选框项,将每行对应的internalId放入一个String类型的变量updateList中,格式如 95599,96887,77845 //在Java类中分割即可获得选中的复选框项,如:String[] tariffIdArr = request.getParameter("updateList").split(","); function doBatchUpdate(hotelId) { if (checkedList[hotelId].length == 0) return; var noTick = true; for (var i=0; i<checkedList[hotelId].length; i++) { if (parseInt(checkedList[hotelId][i]) != 0) { noTick = false; break; } } if (noTick == true) { return; } if(!confirm("Do you confirm update?")) return; var updateList = ""; for(var i=0; i<checkedList[hotelId].length-1; i++) { updateList += checkedList[hotelId][i] + ","; } updateList += checkedList[hotelId][checkedList[hotelId].length-1]; var url = "<%=basePath%>tariffBatchUpdate.do?hotelId="+hotelId+"&timeStamp=" + new Date().getTime(); var formBatchUpdate = document.createElement("FORM"); //创建一个form formBatchUpdate.setAttribute("action", url); formBatchUpdate.setAttribute("method","post"); var updateListInput = document.createElement("input"); //创建一个input表单 updateListInput.setAttribute("name","updateList"); updateListInput.setAttribute("type","hidden"); updateListInput.setAttribute("value",updateList); formBatchUpdate.appendChild(updateListInput); //将表单加入Form中 document.body.appendChild(formBatchUpdate); //将Form加入body中 formBatchUpdate.submit(); }
11
发表评论
-
Form的onsubmit
2015-02-05 11:06 47711. <form class="for ... -
使文本框不可编辑[不太常用的方法]
2012-09-10 11:17 2413为了使本框不可编辑,我们可以使用下面几种方法 解决思路: 文本 ... -
C 标签使用
2012-07-26 12:16 2930<title>虚拟机管控</title&g ... -
显示结果排序
2012-05-04 14:15 1290<td width="9%" s ... -
select级联操作的简便方法
2012-04-18 15:07 7788<script type=&quo ... -
GuestName处理方法
2012-01-31 10:39 2159主要考虑如何设计,如何实现,如何思考! 效果: ... -
[基础]Map在JSP中的两种显示方式
2011-10-27 09:36 139051、 Java: for(EglSpecialRequ ... -
JSP自定义标签
2011-09-01 12:07 1719实际使用: <td style="text- ... -
[转]如何用div+css布局页面
2011-08-01 17:58 2291如今web2.0炒的很厉害, ... -
iframe总结 + window.open
2011-06-20 11:47 15969从frame中跳出并转向: parent.window. ... -
window.showModalDialog()
2011-06-01 15:23 3594window.open() 打开一个普通窗口 win ... -
一个星期中某一天存在即显示的思路
2011-05-31 17:48 11511、 days: 1,2,3,4,5,6,0 // ... -
某一模块动态+、—效果的实现
2011-04-21 11:08 1370代码(去掉部分css细节,只关注主要功能): < ... -
批量更新时判断哪个需要更新
2011-04-06 16:03 1877<input type="checkbox ... -
JSP中循环二维数组 + 循环Map
2011-04-01 16:46 7246代码如下: <C:forEach items=&q ... -
使用Table的insertRow实现某一模块的复制
2011-03-21 14:16 3330实现的效果:点击+号添加一组 JSP页面: < ... -
[基础]由复选框实现的批量删除
2011-03-21 11:31 2995批量删除: 选中多个复选框: 每一条记录: ... -
table总结insertRow、deleteRow
2011-03-16 16:13 20502表格有几行: var trCnt = table.rows.l ... -
struts中用到的复选框和查询技巧
2011-03-09 11:06 123实现效果:1、选中复选框时,其后文本框显示,没选中时,隐藏 ... -
利用getParameterNames实现一个按钮所有模块数据都提交
2010-11-27 13:13 15701.总结: 1、注意 ...
相关推荐
JavaScript 复选框实现批量选择 在开发过程中,经常会遇到对查询列表中的记录进行批量操作的情况,例如批量删除、批量编辑等。实现这种批量选择的方法往往是使用 JavaScript,通过在每条记录前面加一个复选框,然后...
### JavaScript 实现复选框全选/取消功能 在网页开发中,经常需要用到复选框全选或取消的功能。本文将详细介绍如何通过JavaScript实现这一功能,并解析提供的代码片段。 #### 1. 功能概述 本功能的目标是实现一个...
总的来说,"复选框选中表格中的行进行删除行操作"是一个综合性的功能,涉及到前端交互设计、数据绑定、事件处理、DOM操作等多个方面,需要结合HTML、CSS和JavaScript的知识来实现。在实际开发中,我们还需要关注用户...
此外,为了优化用户体验,我们还可以添加一些辅助功能,比如禁用父级复选框的选中状态,直到所有子级复选框的状态都已知,或者在选中/取消选中父级复选框时,提供批量操作的动画效果。 在实际项目中,我们可能会...
6. **优化用户体验**:为了提高可用性,可以添加批量移动功能,比如选择多个复选框后一次性移动。还可以添加防止重复选择的机制,避免用户误操作。 7. **代码组织**:为了保持代码整洁,可以将复选框移动逻辑封装成...
在JavaServer Pages (JSP) 开发中,常常需要实现用户界面中的批量选择功能,比如在列表中通过复选框来选中多个项目。本文将详细介绍如何在JSP中实现这样的功能,主要涉及HTML、JavaScript 和后端Java的交互。 首先...
在IT领域,尤其是在前端开发中,构建用户界面时经常需要处理多级目录树结构,并且在这样的结构中加入复选框功能,以便用户可以进行批量选择或者全选、反选操作。这种技术常用于文件管理器、权限设置、菜单配置等场景...
1. **全选复选框**:当用户点击全选复选框时,你需要遍历所有子复选框,并将它们的选中状态设置为与全选复选框相同。同时,也要更新全选复选框的选中状态,以反映当前所有子项是否都被选中。 2. **子复选框**:对于...
总结,这个示例展示了如何在GridView中添加复选框,并利用JavaScript实现全选/全不选功能,以及在后台处理批量删除操作。在实际开发中,还需要考虑用户体验、数据验证、错误处理和安全性等多个方面,以构建健壮的...
在本示例中,我们将聚焦于jQuery实现复选框的全选与反选功能,这对于创建数据筛选或批量操作的用户界面非常有用。下面将详细介绍这个功能的实现方式。 首先,我们需要在HTML页面中设置一组复选框,通常我们会为这些...
在JavaScript(JS)中,实现复选框的全选和批量删除功能是常见的前端交互需求,尤其是在电商网站或管理系统中。下面将详细讲解如何通过JS实现这两个功能。 首先,我们来看全选功能的实现。全选功能通常由一个主复选...
本文将详细介绍如何在JSP页面中通过复选框实现批量删除功能,包括前端JavaScript脚本和后端处理逻辑。 #### 二、前端JS脚本设计 ##### 2.1 功能概述 前端JavaScript脚本的主要任务是处理用户界面的选择行为,并将...
### Vue+Vant-UI框架实现购物车复选框全选和反选功能 #### 1. 概述 在电商类应用中,购物车模块是用户进行商品选购时的重要组成部分。其中,复选框全选和反选功能可以帮助用户快速选择或取消选择购物车中的全部商品...
在IT界,"带复选框(checkbox)的树"是一种常见的用户界面元素,它将树形结构的数据与复选框相结合,为用户提供了一种直观、便捷的方式来选择、操作和组织层次化的数据。这种控件通常用于文件管理器、设置菜单、数据库...
本资源“jquery复选框选中按钮.rar”似乎包含了一个关于如何使用jQuery来控制复选框(checkbox)状态的示例,特别是与按钮(button)交互的情景。在网页开发中,复选框和按钮是常见的表单元素,用于收集用户输入或...
在网页开发中,经常需要实现复选框(checkbox)的全选、全不选以及反选功能,以便用户能够方便地批量操作。本篇将详细讲解如何使用JavaScript(Js)实现这一功能,并提供一个具体的代码实例。 首先,我们需要了解复...
在本项目"JS控制复选框全选、反选,可进行同一页面多个复选框全选控制V2.0"中,我们将探讨如何利用JavaScript实现对复选框(checkbox)的全选、反选功能,并获取选中的复选框的值。这些功能在用户界面中常见于批量...
6. **事件处理**:使用JavaScript或者jQuery处理复选框的点击事件,可能包括批量选中、反选等功能,增加复选框的实用性。 7. **复选框组**:在网格布局中,可能会有多个复选框组成一个组,实现联动或互斥的效果,...
- 当某个复选框状态改变时,检查当前是否所有复选框都被选中,如果是,则全选复选框应该被选中;反之,如果至少有一个未被选中,全选复选框应取消选中。 4. **代码实现**: - `全选反选_按钮.js`这个文件很可能...