JS高手请进(JS实现类似打分系统的页面)
序号评价指标权重评分1文化认同5分(要求此处填写的分数不超过5分)2职业心态5分(同上)总计(以上评分的总和,系统自动算出)PS:括号内的内容需要JS实现,求助各位!在线...
序号 评价指标 权重 评分
1 文化认同 5分 (要求此处填写的分数不超过5分)
2 职业心态 5分 (同上)
总计 (以上评分的总和,系统自动算出)
PS:括号内的内容需要JS实现,求助各位!在线等! 展开
1 文化认同 5分 (要求此处填写的分数不超过5分)
2 职业心态 5分 (同上)
总计 (以上评分的总和,系统自动算出)
PS:括号内的内容需要JS实现,求助各位!在线等! 展开
2个回答
展开全部
<html>
<head>
<title>好好学习天天向上</title>
</head>
<script>
function check(o,i)
{
var vf=new Number(o.value);
if(vf==0)
{
alert("必须输入。");
o.value="";
o.focus();
return false;
}
if(vf>5)
{
alert("值不能大于5.");
o.value="";
o.focus();
return false;
}
var ins=new Number(document.getElementById('wenhua').value)+new Number(document.getElementById('zhiye').value);
document.getElementById('tongji').value=ins;
}
</script>
</head>
<body>
<TABLE>
<TR>
<TD>文化认同:</TD>
<TD><INPUT TYPE="text" NAME="wenhua" id="wenhua" onblur="check(this)"/></TD>
</TR>
<TR>
<TD>职业心态:</TD>
<TD><INPUT TYPE="text" NAME="zhiye" id="zhiye" onblur="check(this,'i')"/></TD>
</TR>
<TR>
<TD>统 计:</TD>
<TD><INPUT TYPE="text" NAME="tongji" id="tongji"/></TD>
</TR>
</TABLE>
</body>
</html>
<head>
<title>好好学习天天向上</title>
</head>
<script>
function check(o,i)
{
var vf=new Number(o.value);
if(vf==0)
{
alert("必须输入。");
o.value="";
o.focus();
return false;
}
if(vf>5)
{
alert("值不能大于5.");
o.value="";
o.focus();
return false;
}
var ins=new Number(document.getElementById('wenhua').value)+new Number(document.getElementById('zhiye').value);
document.getElementById('tongji').value=ins;
}
</script>
</head>
<body>
<TABLE>
<TR>
<TD>文化认同:</TD>
<TD><INPUT TYPE="text" NAME="wenhua" id="wenhua" onblur="check(this)"/></TD>
</TR>
<TR>
<TD>职业心态:</TD>
<TD><INPUT TYPE="text" NAME="zhiye" id="zhiye" onblur="check(this,'i')"/></TD>
</TR>
<TR>
<TD>统 计:</TD>
<TD><INPUT TYPE="text" NAME="tongji" id="tongji"/></TD>
</TR>
</TABLE>
</body>
</html>
展开全部
我自己写了一个程序 你看看 能不能用 直接复制到文档txt改成html就能运行了
<html>
<head>
<script>
var whscore;
var jobscore;
function init(){
whscore=document.getElementById("wh").value;
jobscore=document.getElementById("job").value;
if(whscore!='' && jobscore!=''){
//计算总分
var result=parseInt(whscore)+parseInt(jobscore);
document.getElementById("result").innerHTML=result;
}
}
function correct(s){
var key=window.event.keyCode;
if((key<48 || key>53) && key!=8){
event.returnValue=false;
}
else{
var score=s.value;
if(score.length>0 && key!=8){
event.returnValue=false;
}
}
}
</script>
</head>
<body>
<div>只能输入一个数字 并且范围在0-5 如果想改请用退格键</div>
<span>
文化认同:<input type="text" id="wh" onblur="init()" onkeydown="correct(this)"/>分<br>
职业心态:<input type="text" id="job" onblur="init()" onkeydown="correct(this)"/>分
</span>
<br>
总分:
<font color="red">
<span id="result">未计算</span>
</font>
</body>
</html>
<html>
<head>
<script>
var whscore;
var jobscore;
function init(){
whscore=document.getElementById("wh").value;
jobscore=document.getElementById("job").value;
if(whscore!='' && jobscore!=''){
//计算总分
var result=parseInt(whscore)+parseInt(jobscore);
document.getElementById("result").innerHTML=result;
}
}
function correct(s){
var key=window.event.keyCode;
if((key<48 || key>53) && key!=8){
event.returnValue=false;
}
else{
var score=s.value;
if(score.length>0 && key!=8){
event.returnValue=false;
}
}
}
</script>
</head>
<body>
<div>只能输入一个数字 并且范围在0-5 如果想改请用退格键</div>
<span>
文化认同:<input type="text" id="wh" onblur="init()" onkeydown="correct(this)"/>分<br>
职业心态:<input type="text" id="job" onblur="init()" onkeydown="correct(this)"/>分
</span>
<br>
总分:
<font color="red">
<span id="result">未计算</span>
</font>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询