这两天写前台页面，因为以前没有学过JS，更没用过，真是现学现卖，效率好低。
下面三个页面显示的小应用，是我在网上借鉴别人的，均非我个人创作，在此声明。列入本人blog，意在方便我这样的菜鸟同行参考，也为自己以后的重用留个复习的资料，此声明涵盖以后的代码罗列。
1、c-each循环示例
<c:set var="i" value="0"></c:set>
<c:forEach var="surveyUser" items="${surveyUsers}">
<c:choose>
<c:when test="${i == '0'}">
<tr><td><input type="checkbox" name="checkId" value="<c:out value="${surveyUser.code}"/>,<c:out value="${surveyUser.type}"/>,<c:out value="${surveyUser.length}"/>,<c:out value="${surveyUser.id}"/>"/>
<c:out value="${surveyUser.name}"/></td>
<c:set var="i" value="${i+1}"/>
</c:when>
<c:when test="${i == '2'}">
<td><input type="checkbox" name="checkId" value="<c:out value="${surveyUser.code}"/>,<c:out value="${surveyUser.type}"/>,<c:out value="${surveyUser.length}"/>,<c:out value="${surveyUser.id}"/>"/>
<c:out value="${surveyUser.name}"/></td></tr>
<c:set var="i" value="0"/>
</c:when>
<c:otherwise>
<td><input type="checkbox" name="checkId" value="<c:out value="${surveyUser.code}"/>,<c:out value="${surveyUser.type}"/>,<c:out value="${surveyUser.length}"/>,<c:out value="${surveyUser.id}"/>"/>
<c:out value="${surveyUser.name}"/></td>
<c:set var="i" value="${i+1}"/>
</c:otherwise>
</c:choose>
</c:forEach>
2、JS控制网页table的显示隐藏
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
<!--
function AXzhz(hideme)
{
var AX=document.all(hideme); //声明一个变量
AX.style.display=AX.style.display=="none"?"":"none"; //判断是否隐藏
}
//-->
</script>
</head>
<body>
<table width="200" border="1">
<!--title是鼠标在上面的时候出现的提示-->
<tr title="快啊快啊!!" οnclick="AXzhz("AX")">
<td bgcolor="#FF9933">你点我啊!!</td>
</tr>
<tr id="AX" style="display:none">
<td bgcolor="#0099FF">AXzhz制作</td>
</tr>
</table>
</body>
</html>
3、Js Table对象的使用
<script language="javascript">
function setBranch(nativeSeqNO,nativeTableId){
var displayableTableId=document.all(nativeSeqNO);
var tableId=document.getElementById(nativeTableId);
var inputArray=tableId.getElementsByTagName("input");
var i;
var tempTableId;
for (i=0;i<inputArray.length;i++){
if(inputArray[i].name=='seqNO'){
tempTableId=document.getElementById(inputArray[i].value);
tempTableId.style.display='none';
}
}
displayableTableId.style.display='block';
}
</script>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
