要在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的值就会自动计算,而且实现起来容易多了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询