我用html+js写的,关于后台的变量的接收由你自己完成。
html代码(复制到记事本后另存为以.html为后缀的文件,再到浏览器中打开看效果):
<html><head>
<script language="javascript">
function countAll(o){
var sum=0
for(var i=1i<=3i++){
eval("if(o.c" + i + ".checked)sum+=o.j"+i+".value*o.s"+i+".value")
}
o.zong.value=sum
}</script>
</head><body>
<table cellspacing="0" cellpadding="0" border="1px" bordercolor="#0033FF" bordercolordark="#FFFF00" style="margin:1pxpadding:1pxtext-align:centerfont:12pxword-wrap:normalword-break:keep-alloverflow:visible" align="center">
<form action="" method="get">
<tr>
<td width="95" rowspan="2"><input name="c1" type="checkbox" id="c1" value="1">
物品1</td>
<td width="319">价格:
<input name="j1" type="text" id="j1" readonly value="20"></td>
</tr>
<tr>
<td>数量:
<input name="s1" type="text" id="s1"></td>
</tr>
<tr>
<td rowspan="2"><input name="c2" type="checkbox" id="c2" value="1">
物品2</td>
<td>价格:
<input name="j2" type="text" id="j2" readonly value="50"></td>
</tr>
<tr>
<td>数量:
<input name="s2" type="text" id="s2"></td>
</tr>
<tr>
<td rowspan="2"><input name="c3" type="checkbox" id="c3" value="1">
物品3</td>
<td>价格:
<input name="j3" type="text" id="j3" readonly value="10"></td>
</tr>
<tr>
<td>数量:
<input name="s3" type="text" id="s3"></td>
</tr>
<tr>
<td><input name="count" type="button" value="计算总价" onclick="countAll(this.form)"></td><td>总价:<input name="zong" type="text" id="zong"></td></tr><tr><td colspan="2"><input name="submit" type="submit" id="submit" value="提交"><input name="reset" type="reset" id="reset" value="重置"></td>
</tr></tr></form></table>
</body></html>
通过设置input的size大小设置文本框的宽度,设置的的值越大,越宽,例子如下:<!DOCTYPE html>
<html>
<body>
<input type='text' size=35 />
</body>
</html>
如果没用框架和jstl标签的话,可以使用小脚本:第一、把用户实体放入Session中。session.setAttribute("LOGIONED_USER",user)第二、在小脚本中获得用户实体<%User user = (User)session.getAttribute("LOGIONED_USER")/%>第三、可以使用小脚本或表达式赋值,这里写个表达式的例子:<input type='text' id='uid' name='uid' value='<%=user.getUserId() %>' />欢迎分享,转载请注明来源:内存溢出
评论列表(0条)