javascript - 在数据库中获取多个复选框结果(JSP PAGE)-6ren

javascript - 在数据库中获取多个复选框结果(JSP PAGE)

转载作者：行者123 更新时间：2023-11-29 11:34:50

我需要让用户向首页提供一些数据，例如(城市、国家/地区、国家/地区的 URL)，我需要他选择目的地类型:

冬天、圣诞节、夏天(他最多可以检查 2 个)

如何将结果与我的数据库连接起来？

我创建了 3 个表

包含节点节点 (pk)、城市、国家/地区、网址
nodest_c(pk)，类别
nodest(fk -->nodest)，nodest_c(fk-->nodest_c)

创建目标代码。 jsp

    <%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>create dest</title>
    </head>
    <body>
        <html>
    <head>
        <title>CREATE DESTINATION</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <h1> CREATING DESTINATION </h1>
        <form name="createdest" method="get" action="create dest code.jsp">
        Country: <input type="text"  required  name="id8" /> <br>
        City: <input type="text"  required  name="id9" /> <br>
        URL Video: <input type="url"  required  name="id10" /> <br> <br>
        <i><ins>Categorize the destination (max 2): </ins></i>  <br> <br>
        <input type="checkbox" name="id5" value="1" onClick="return KeepCount()" >Christmas<br>
        <input type="checkbox" name="id6" value="2" onClick="return KeepCount()" >Winter <br>
        <input type="checkbox" name="id7" value="3" onClick="return KeepCount()" >Summer <br> <br>

        <input type="submit" value="CREATE DESTINATION" /> 


        <br>


        </form>
       <SCRIPT LANGUAGE="javascript">

function KeepCount() {

var NewCount = 0

if (document.createdest.id5.checked)
{NewCount = NewCount + 1}

if (document.createdest.id6.checked)
{NewCount = NewCount + 1}

if (document.createdest.id7.checked)
{NewCount = NewCount + 1}

if (NewCount == 3)
{
alert('Pick Just Two Please')
document.createdest; return false;
}
} 
</SCRIPT>


    </body>
</html>

插入数据库.jsp

<%@page import="java.sql.*" %> 
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>create dest code</title>
    </head>
    <body>
         <%
    int m[] = new int[5000]; String s[] = new String[5000];        
   Class.forName("com.mysql.jdbc.Driver"); 
   String myDatabase = "jdbc:mysql://localhost:3306/project_app?user=root&password=1234"; 
   Connection myConnection = DriverManager.getConnection(myDatabase);
   Statement myStatement = myConnection.createStatement();  
   boolean check=null!=request.getParameter("id5");
   boolean check1=null!=request.getParameter("id6");
   boolean check2=null!=request.getParameter("id7");
   String id8=request.getParameter("id8");
   String id9=request.getParameter("id9");
   String id10=request.getParameter("id10");
   String sqlString = "INSERT INTO DEST(COUNTRY,CITY,URL) VALUES ('"+id8+"', '"+id9+"','"+id10+"')";
   myStatement.executeUpdate(sqlString);
    myStatement.executeUpdate(sqlString1);
   myStatement.close(); 
   myConnection.close(); %>
    </body>
    <h1 style="color:blue;">Successful Registration </h1>
</html>

有什么建议吗？

最佳答案

在您的 servlet 中使用以下代码:

String checked = request.getParameterValue("checkboxName");

如果检查为空，这意味着您的复选框未被选中。

此外，如果您想使用复选框组，请放置一些具有相同名称的复选框并使用:

String[] checkedValues = request.getParameterValues("checkboxName");

然后所有选中的复选框值都将添加到checkedValue变量中。

boolean check = null != request.getParameter("id5");
boolean check1 = null != request.getParameter("id6");
boolean check2 = null != request.getParameter("id7");

并且根据您在数据库中用于检查列的数据类型，您可以使用这些 boolean 值。

关于javascript - 在数据库中获取多个复选框结果(JSP PAGE)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36800933/