jsp用js设置文本框的值

jsp用js设置文本框的值,第1张

在仔细阅读了你的问题后,帮你写了一个,不知道符合你的要求不。

我用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() %>' />


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11395839.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存