📄 html-checkbox.jsp

📁 Spring +Web 的完整 MyEclipse 项目源码,使用者可以作为入门材料可以在此基础上深入学习

💻 JSP

字号:

<%@ page contentType="text/html;charset=GB2312" import="java.util.*"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<html>
<head>
<html:base/>
<title>&lt;html:checkbox&gt;</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body bgcolor="white">

<h1>&lt;html:checkbox&gt;</h1>

<p>&lt;html:checkbox&gt;生成网页上的选择框，它必须存在于一个表单范围内，因此也就说明在ActionForm必须使用一个字段
来接收从表单传过来的值。一般情况下，在ActionForm中都使用布尔型变量来表示一个checkbox，这是因为它要么没被选中，要么
就是被选中。以下是一段示例代码：</p>
<font class="CodeStyle">
&lt;html:form action="/test.do"&gt;<br>
checkbox1:&lt;html:checkbox property="checkbox1"/&gt;<br>
checkbox2:&lt;html:checkbox property="checkbox2"/&gt;<br>
&lt;html:submit property="submit" value="测试"/&gt;
&lt;/html:form&gt;<br>
</font>

<p>这样一段代码生成的html如下所示：</p>
<font class="CodeStyle">
&lt;form name="testbean2" method="post" action="/taglib1/test.do"&gt;<br>
checkbox1:&lt;input type="checkbox" name="checkbox1" value="on"&gt;<br>
checkbox2:&lt;input type="checkbox" name="checkbox2" value="on"&gt;<br>
&lt;input type="submit" name="submit" value="测试"&gt;<br>
&lt;/form&gt;<br>
</font>

<p>可以看到，checkbox的value为on，这一点需要特别注意。当某个checkbox被选中时，使用checked属性来表示，代码如下：</p>
<font class="CodeStyle">
&lt;input type="checkbox" name="checkbox1" value="on" checked="checked"&gt;
</font>

<p>另外，有一点需要特别注意。为了让checkbox能够正确的显示，应当在ActionForm的reset()方法中对其进行复位。也就是
在ActionForm的reset()方法中加入如下代码：</p>
<font class="CodeStyle">
public void reset(ActionMapping mapping, HttpServletRequest request){<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.checkbox1 = false;<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.checkbox2 = false;<br>
}<br>
</font>

<p>如果不对checkbox进行复位，那么一个checkbox一旦被选中，就会永远处于被选中的状态。发生这种情况的原因是，在html中
浏览器不会向Web服务器发送一个类似于"某某选择框没有被选中"这样的信息，因此，当一个checkbox被选中后，即便下一次用户将
它的勾去掉，Web服务器端也将认为它是被选中的。</p>

<p>运行效果如下所示：</p>

<html:form action="/test.do">
checkbox1:<html:checkbox property="checkbox1"/><br>
checkbox2:<html:checkbox property="checkbox2"/><br>
<html:submit property="submit" value="测试"/>
</html:form>

<p>

<a href="index.jsp">返回主页面</a>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -