要在jsp页面上进行javascript动态计算，要求输入框每输入一个数字都会进行计算，结果显示在页面上。求助！
业务要求是：输入区下达指标，会和工作效能测评得分进行动态的自动计算，结果也是动态的显示在绩效考核综合得分里面。每按下一个数字按键，都会计算。这个求助大神怎么实现呢。...
业务要求是：输入区下达指标，会和工作效能测评得分进行动态的自动计算，结果也是动态的显示在绩效考核综合得分里面。每按下一个数字按键，都会计算。这个求助大神怎么实现呢。
展开
3个回答
展开全部
先用id定位获得相应表单的元素（getElementById）；
再得到用id定位获得相应表单的元素内的值（.value）;
再定位到你综合得分并赋值（表单1.value+表单2.value）；
参考代码：
var num1=document.getElementById('表单1id名').value;
var num2=document.getElementById('表单2id名').value;
var num3=document.getElementById('综合考核表单的id名')；
num3=num1+num2；
注意在表单1和表单2加一个onchange事件触发上面的函数。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用jQuery绑定input事件，然后在绑定的方法里进行计算
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
假设：
你的区下达指标的对应的文本框的ID为“Text1”
你的绩效考核综合得分的文本框的ID为“Text2”
1、在<head></head>标签中
<script language="javascript" type="text/javascript">
function Text1_OnChange()
{
var i=3;
var j=document.getElementById("Text1").value;
document.getElementById("Text2").value=i*j;
}
</script>
2、在<BODY></BODY>标签中
<input id="Text1" type="text" onkeydown="return Text1_OnChange()" />
<input type="text" id="Text2"/>
简单的例子如上 ，但是这样做是有问题的，因为onkeydown不会区分你按的是哪个键，而且上面的“j”必须有初值，如果你坚持这种做法，必须用正则表达式等方式，要对输入的内容进行区分处理，否则结果会搞笑
当然，你可以用onchange事件，这样虽然按键的时候不会变更，但是只要焦点离开Text1，Text2的值就会自动计算，而且实现起来容易多了
你的区下达指标的对应的文本框的ID为“Text1”
你的绩效考核综合得分的文本框的ID为“Text2”
1、在<head></head>标签中
<script language="javascript" type="text/javascript">
function Text1_OnChange()
{
var i=3;
var j=document.getElementById("Text1").value;
document.getElementById("Text2").value=i*j;
}
</script>
2、在<BODY></BODY>标签中
<input id="Text1" type="text" onkeydown="return Text1_OnChange()" />
<input type="text" id="Text2"/>
简单的例子如上 ，但是这样做是有问题的，因为onkeydown不会区分你按的是哪个键，而且上面的“j”必须有初值，如果你坚持这种做法，必须用正则表达式等方式，要对输入的内容进行区分处理，否则结果会搞笑
当然，你可以用onchange事件，这样虽然按键的时候不会变更，但是只要焦点离开Text1，Text2的值就会自动计算，而且实现起来容易多了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
