获取复选框的选中值并将其发送到servlet

时间:2010-12-17 05:06:56

标签: javascript html jsp servlets

我必须在前面显示一个带复选框的用户列表。我现在想要选择一些名称并将其删除到数据库中。我编写了代码来显示用户。我不知道如何获取所选值并将其删除。请帮助我,这是我尝试过的

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%String user=request.getParameter("Users"); %>
<script type="text/javascript">
var chk="dummy";
 function doSubmit(theClick){
        window.open("AddUser.jsp");
        return false;
        }
function setValue(chVal)
{
    chk=chk+","+chVal;
    alert(chk);

}       
function doDelete(theClick){
    document.buttons.action = "AddUserServlet?type=delete&name="+chk;
    alert(chk);
    document.buttons.submit();          

}
</script>
</head>
<body>
<center>

<!--  action="AddUserServlet"--> 

<%
try{
String User[]=user.trim().split(" ");
for(int i=0;i<User.length;i++){
    out.println("<html>");
    out.println("<body>");
    out.println("<form>");
    out.println("<input type='checkbox' value='User[i]' onClick='setValue(this.value)' name='user'>"+User[i]+"</input>");
    //out.println("<input type='checkbox' value='User'+i+ name='user1'>"+User[i]+"</br>"+"</form>");
    out.println("</form>");
    out.println("</body>");
    out.println("</html>");
    //out.println("<input type='checkbox' value='User'+i+ name='user1'>"+User[i]+"</br>"+"</form>");
}
}catch(Exception e){
    e.printStackTrace();
}

%>

<!--
<form method="Post" name="buttons"> 
 <input type='checkbox' value='User' onClick="setValue(this.value)" name='user1'></input>
<input type='checkbox' value='User1' onClick="setValue(this.value)" name='user1'></input>
<input type='checkbox' value='User2' onClick="setValue(this.value)" name='user1'></input>
<div id="add"></div>
</form>-->

<form method="Post" name="add">
<input type="submit" value="ADD" onclick="return doSubmit(this)">
<input type="submit" value="MODIFY" onClick="return doSubmit(this)">
<input type="submit" value="DELETE" onClick="return doDelete(this)">
</form>
</center>
</body>
</html>

上面的代码显示了名称列表以及复选框。但返回值“user”而不是数据库中的名称。此外,如果我取消选中一个名称,它将再次返回用户。

[*]abc-----> returns dummy,user
if i uncheck this []user returns dummy,user0,user1 

我需要获取用户名列表。

2 个答案:

答案 0 :(得分:3)

您在每个复选框周围打印一个全新的<html><form>。您的HTML最终会在浏览器中显示为:

<html>
    <head></head>
    <body>
        <html><body><form><input type="checkbox"></form></body></html>
        <html><body><form><input type="checkbox"></form></body></html>
        <html><body><form><input type="checkbox"></form></body></html>
        <form><input type="submit"></form>
    </body>
</html>

这是syntactically invalid HTML。您需要重写代码,以便所有复选框和提交按钮以相同的形式结束:

<html>
    <head></head>
    <body>
        <form>
            <input type="checkbox">
            <input type="checkbox">
            <input type="checkbox">
            <input type="submit">
        </form>
    </body>
</html>

然后你也不需要那些丑陋的JavaScript解决方法。您只需给复选框指定相同的名称,但值不同。这样您就可以通过HttpServletRequest#getParameterValues()抓取选中的值。

String[] users = request.getParameterValues("user");

答案 1 :(得分:1)

您需要为每个用户的每个复选框指定不同的名称。这样,获取POSTed表单的servlet可以检查每个复选框名称(例如user1 ... userX),如果设置了它的值,则可以删除相应的用户。请注意,如果未设置复选框,则不会为该名称发送任何表单编码参数,因此您只需检查以查看已发送的名称并将其删除。