JSP列表中复选框批量选择功能实现
对查询列表中的记录进行批量操作
1、实现的方法往往就是在每条记录前面加一个复选框,然后在列表下方放置一个“全选/
全不选”复选框。
2、当选中“全选/全不选”复选框后,列表中的所有复选框都选中,当取消“全选/全不选”
复选框后,列表中的所有复选框都取消选中。
3、当列表中的复选框都取消选中后,“全选/全不选”复选框也要取消选中。当列表中的复
选框都选中后,“全选/全不选”复选框也要选中。
4、得到所有选中记录的值。
这项功能其实也很简单,但往往用的时候都要重新再写一遍,于是把它总结为一个模块,记录下来,以便再用。
(1)首先是在每条记录前加入复选框,该处复选框中的值为“id|username”(示例),即选中此复选框会同时传两个值(传一个值的太简单,就不举例了),中间用|隔开,下面取值时会用到:
onclick="checkonebox()"/>
(2)然后在下方加入“全选/全不选”复选框。
全选/全不选
(3)关键实现javascript
//点击"全选/全不选"复选框,如果选中,则选中全部复选框,否则取消选中全部复选框function checkall() {
var ischecked = document.getElementById("checkall").checked;
if(ischecked) {
checkallbox();
}else {
discheckallbox();
}
}
//选中全部复选框
function checkallbox() {
var boxarray = document.getElementsByName("box");
for(var i = 0; i < boxarray.length; i++) {
boxarray[i].checked = true;
}
}
//取消选中全部复选框
function discheckallbox() {
var boxarray = document.getElementsByName("box");
for(var i = 0; i < boxarray.length; i++) {
boxarray[i].checked = false;
}
}
//点击某个复选框,如果所有复选框都选中,“全选/全不选”复选框也选中
//否则如果所有复选框都取消选中,“全选/全不选”复选框也取消选中function checkonebox() {
if(isallchecked()) {
document.getElementById("checkall").checked = true;
}
if(isalldischecked()) {
document.getElementById("checkall").checked = false;
}
}
//是否全部选中
function isallchecked() {
var boxarray = document.getElementsByName("box");
for(var i = 0; i < boxarray.length; i++) {
if(!boxarray[i].checked) {
return false;
}
}
return true;
}
//是否全部没有选中
function isalldischecked() {
var boxarray = document.getElementsByName("box");
for(var i = 0; i < boxarray.length; i++) {
if(boxarray[i].checked) {
return false;
}
}
return true;
}
//得到选中项的值的集合,结果为“1|小明,2|小王,3|小李”的形式function getallcheckedvalue() {
var boxvalues = "";
var boxarray = document.getElementsByName("box");
for(var i = 0; i < boxarray.length; i++) {
if(boxarray[i].checked) {
var boxvalue = boxarray[i].value;
if(boxvalues == "") {
boxvalues = boxvalue;
}else {
boxvalues = boxvalues + "," + boxvalue;
}
}
}
return boxvalues;
}
//如果只需要得到其中选中项的id值的集合,方法如下,得到的值为(1,2,3,…)
function getIds() {
var boxvalues = getallcheckedvalue();
var boxvaluesArray = boxvalues.split(",");
var ids = "";
for(var i = 0; i < boxvaluesArray.length; i++) {
var boxvalue = boxvaluesArray[i];
var boxvalueArray = boxvalue.split("|");
var id = boxvalueArray[0];
var username = boxvalueArray[1];
if(ids == "") {
ids = id;
}else {
ids = ids + "," + id;
}
}
return ids;
}
最后,总结步骤:每条记录前加复选框,加“全选/全不选”复选框,调用javascript,OK。
JSP JavaBean Servlet实现用户登录和注册
JSP JavaBean Servlet实现用户登录和注册 1 数据库: create database student; use student; create table user( id int primary key auto_increment, user varchar(50) not null, pwd varchar(50) not null, name varchar(50) not null, *** varchar(50) not null, age int(50) not null ); 2 index.jsp <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() "://" request.getServerName() ":" request.getServerPort() path "/"; %>
用户编号: |
密 码: |
欢迎进入验证页请稍后………… |
jsp简单的用户管理与登录
一、题目:用户管理与登录 二、要求: 1、建立用户表(表结构自定义) 2、实现用户注册、用户登录功能 3、用户登录后可以修改用户信息功能 三、首页代码 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
四、用户注册代码 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
JSP企业员工管理系统设计与实现
引言 现在网络的发展已呈现商业化、全民化、全球化的趋势。目前,几乎世界上所有的公司都在利用网络传递商业信息,进行商业活动,从宣传企业、发布广告、招聘雇员、传递商业文件乃至拓展市场、网上销售等,无所不能。如今网络已成为企业进行竞争的战略手段。企业经营的多元化拓展,企业规模的进一步扩大,对于企业的管理、业务扩展、企业品牌形象等提供了更高的要求。在以信息技术为支撑的新经济条件下,越来越多的企业利用起网络这个有效的工具。 全球范围内的企业内部组织正在发生巨变,未来企业成功的关键的依靠企业人力资源,人才之争已经成为市场竞争中的核心内容之一,以人为本成为企业立足和发展的根本。有效力管理企业的人力资源,为企业提供强有力的储备力量,使之成为企业发展的主动力。通过人力资源的有效管理,掌握最新的、准确的企业人力资源信息,并对其进行复杂的统计与分析,从而充分发挥每个员工的潜能,为企业创造更大的价值。 目录 摘要 (4) 引言 (1) 1、系统分析 (4) 1.1 需求分析 (4) 1.2 可行性分析 (5) 1.2.1 经济性 (5) 1.2.2 技术性 (5) 1.2.3 操作可行性 (5)
1.2.4 系统结构可行性分析 (5) 2、总体设计 (6) 2.1 项目规划 (6) 2.2 设计目标 (6) 2.3 系统功能结构图 (7) 2.4 开发及运行环境 (8) 3、系统功能设计 (8) 3.1 模块功能介绍 (8) 3.2 数据库设计与实现 (9) 3.2.1 数据库的需求分析 (9) 3.2.2 数据库各表具体设计 (9) 3.2.3 数据库连接与访问.................. 错误!未定义书签。 3.3 系统中的JavaBean结构 (12) 3.4 公共模块 (13) 4、系统实现 (13) 4.1 登录模块 (13) 4.1.1 实现效果 .......................... 错误!未定义书签。 4.1.2 相关JavaBean程序 (14) 4.1.3 相关JSP文件 (15) 4.2 主页面模块 (16) 4.2.1实现效果 (16) 4.2.2 主页面相关JSP文件 (16) 4.3 人员档案模块 (18) 4.3.1实现效果........................... 错误!未定义书签。 4.3.2相关JavaBean程序 (18)
jsp+javabean+servlet实现用户登录与注册
create database student; use student; create table user( id int primary key auto_increment, user varchar(50) not null, pwd varchar(50) not null, name varchar(50) not null, sex varchar(50) not null, age int(50) not null ); index.jsp <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %>