关于“回显”问题

这里说的是 单选按钮 和 复选框的回显解决办法

 

有时候用 Struts1/Struts2的自带标签不好控制，建议当MVC框架的标签不好用的时候，还是用原始的Web技术最有效。

 

例如：

导入标签库
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>

单选按钮回显	
<tr>
	<td>类型</td>
	<td>
	<c:forEach var="type" items="${types}">
		<input type="radio" name="type" value="${type }" ${type==customer.type?'checked':'' } />${type }
	</c:forEach>
	</td>
</tr>
	
复选框回显	
<tr>
	<td>爱好</td>
	<td>
	<c:forEach var="p" items="${preferences}">
		<input type="checkbox" name="pre" value="${p }" ${fn:contains(customer.preference,p)?'checked':'' } />${p }
	</c:forEach>
	</td>
</tr>

 每页
  <select name="pageSize" onchange="document.forms[0].submit();">
   <c:forEach var="num" begin="3" end="10" step="1">
    <option value="${num }" ${page.pageSize==num?'selected':'' }>${num }</option>
   </c:forEach>
  </select>

表单形如
<form id="form" action="${pageContext.request.contextPath }/editCustomerServlet" method="post" onsubmit="return makepre();">
....
</form>

<!-- 动态创建input标签 -->
<script type="text/javascript">
	function makepre(){
		var pres = document.getElementsByName("pre");
		var preference = "";
		for(var i=0;i<pres.length;i++){
			var input = pres[i];
			if(input.checked){
				preference = preference + input.value + ",";
			}
		}
		preference = preference.substr(0,preference.length-1);
		var form = document.getElementById("form");
		var input = document.createElement("input");
		input.type = "hidden";
		input.name = "preference";
		input.value = preference;
		form.appendChild(input);
		return true; 
	}
</script>

 

 

附加：

日期控件
<script type="text/javascript" src="${pageContext.request.contextPath }/js/ShowCalendar.js"></script>
<input type="text" name="birthday" onClick="showCalendar(this.id)" id="birthday"/>