html 复选框如何使用post提交

Posted 2023-05-05

参考技术A

要想被submit提交，必须为input设置name属性。checkbox通过指定相同的name来绑定，value则是提交的值

<form action="demo.php">
<label for="c1">VSCode</label>
<input type="checkbox" name="editor" id="c1" value="VSCode">
<label for="c2">Idea</label>
<input type="checkbox" name="editor" id="c2" value="Idea">
<input type="submit" name="" id="">
</form>

提交后明文地址如下：

demo.php?editor=VSCode&editor=Idea

入门：HTML表单与Java 后台交互(复选框提交)

仅仅给出部分关键代码：

HTML form code:

<form action="JavaFormTest" method="post" name="Form">
  <p>
    清输入用户名：<input type="text" name="username"/><br />
    请输入用户密码：<input type="password" name="password" /><br />
  </p>
     请选择你的课程<br />
  <p>
     <input type="checkbox" name="checkbox" value="足球" />足球
     <input type="checkbox" name="checkbox" value="篮球" /> 篮球
     <input type="checkbox" name="checkbox" value="乒乓球" />乒乓球
     <input type="checkbox" name="checkbox" value="排球" />排球球
   </p>
     <input type="button" name="but" onclick="submit()" value="提交" />
</form>

JavaFormTest.java 处理程序doPost 部分：

protected void doPost(HttpServletRequest request,
            HttpServletResponse response) throws ServletException, IOException {
        request.setCharacterEncoding("utf-8");
        response.setContentType("text/html;charset=utf-8");
        PrintWriter out = response.getWriter();
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        String[] list = request.getParameterValues("checkbox");
        if (username.isEmpty())
            out.println("name is empty!<br />");
        else
            out.println("name:" + username + "<br />");

        if (password.isEmpty())
            out.println("password is empty!<br />");
        else
            out.println("password:" + password + "<br />");

        if (list == null)
            out.println("none list");
        else {
            out.println("list: <br />");
            for (int i=0;i<list.length;i++) {
                out.println("第 "+(i+1)+" 课程是："+ list[i]+"<br />");
            }
        }
    }