`
FKGemini
  • 浏览: 4747 次
社区版块
存档分类
最新评论

js自动算分功能

    博客分类:
  • js
 
阅读更多
function SumNum()
	{
	var sumValue;
	s1=eval($("#score1").val());//score1是id,取值方法还有别种
	s2=eval($("#score2").val());
	s3=eval($("#score3").val());
	s4=eval($("#score4").val());
	s5=eval($("#score5").val());
	s6=eval($("#score6").val());
	s7=eval($("#score7").val());
	s8=eval($("#score8").val());
	
	if (isNaN(s1))//数字验证
	{s1=0;}
	if (isNaN(s2))
	{s2=0;}
	if (isNaN(s3))
	{s3=0;}
	if (isNaN(s4))
	{s4=0;}
	if (isNaN(s5))
	{s5=0;}
	if (isNaN(s6))
	{s6=0;}
	if (isNaN(s7))
	{s7=0;}
	if (isNaN(s8))
	{s8=0;}
	sumValue = s1+s2+s3+s4+s5+s6+s7+s8;
	$("#scoreSum").attr("value",sumValue);//求和赋值
	
	}

 

<tr>        <td>企业规模</td>        <td>注册资金</td>        <td>5</td>              <td class="queryCaseTd"><input type="text"  name="SCORE1" id="score1" size="30" maxlength="30"  onkeyup="value=value.replace(/[^\d\.]/g,'');SumNum();"/></td>        </tr>
<td class="queryLabelTd"><label>评价总得分(自动算得):</label></td>             <td class="queryCaseTd"><input type="text"   name="SCORE_SUM" id="scoreSum" size="30" maxlength="30" /></td>

  要实现评分的自动算分使用了jquery,数字范围验证待加。。。

其中

JQuery获取input type="text"中的值的各种方式

$("#txt").attr("value");

$("#txt").val();

JavaScript eval() 函数

eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。

语法

eval(string)
参数 描述
string 必需。要计算的字符串,其中含有要计算的 JavaScript 表达式或要执行的语句。

返回值

通过计算 string 得到的值(如果有的话)。

说明

该方法只接受原始字符串作为参数,如果 string 参数不是原始字符串,那么该方法将不作任何改变地返回。因此请不要为 eval() 函数传递 String 对象来作为参数。

如果试图覆盖 eval 属性或把 eval() 方法赋予另一个属性,并通过该属性调用它,则 ECMAScript 实现允许抛出一个 EvalError 异常。

 

JavaScript isNaN() 函数

isNaN() 函数用于检查其参数是否是非数字值。

语法

isNaN(x)

 

参数 描述
x 必需。要检测的值。

返回值

如果 x 是特殊的非数字值 NaN(或者能被转换为这样的值),返回的值就是 true。如果 x 是其他值,则返回 false。

说明

isNaN() 函数可用于判断其参数是否是 NaN,该值表示一个非法的数字(比如被 0 除后得到的结果)。

如果把 NaN 与任何值(包括其自身)相比得到的结果均是 false,所以要判断某个值是否是 NaN,不能使用 == 或 === 运算符。正因为如此,isNaN() 函数是必需的。

 一些其他别人的方法

<html>
<head>
<title> New Document </title>
<script language="javascript">
<!--
function add(var1,var2,var3)
{
	var result = 0;
	if(!isNaN(var1))
		result += var1;
	if(!isNaN(var2))
		result += var2;
	if(!isNaN(var3))
		result += var3;
	return result;
}
-->
</script>
</head>


<body>
<form name="form1">
<input type="text" name="text1" onblur="document.form1.text4.value=add(parseFloat(document.form1.text1.value),parseFloat(document.form1.text2.value),parseFloat(document.form1.text3.value));">
<input type="text" name="text2" onblur="document.form1.text4.value=add(parseFloat(document.form1.text1.value),parseFloat(document.form1.text2.value),parseFloat(document.form1.text3.value));">
<input type="text" name="text3" onblur="document.form1.text4.value=add(parseFloat(document.form1.text1.value),parseFloat(document.form1.text2.value),parseFloat(document.form1.text3.value));">
<input type="text" name="text4" >
</form>
</body>
</html>

 

分享到:
评论

相关推荐

    js自动补全功能

    在创建交互式用户界面时,JS输入框的自动提示补全功能是提高用户体验的重要工具。这个功能通常应用于搜索框、表单输入和其他需要用户输入数据的场景,能帮助用户快速找到或输入他们想要的内容。 实现JS输入框自动...

    js实现输入框输入的自动匹配功能

    `InputAutoFix.js`是核心的JavaScript脚本,它很可能包含了输入框自动匹配功能的主要逻辑。通常,这种功能会监听输入框的`input`或`keyup`事件,当用户键入字符时触发匹配过程。匹配算法可能包括字符串的模糊匹配、...

    Javascript自动填表单

    JavaScript自动填表单是一种常见的网页交互技术,它允许开发者通过编写JavaScript代码来动态创建、修改或填充HTML表单,提供更丰富的用户界面和交互体验。本文将深入探讨JavaScript在自动填表单方面的应用,以及相关...

    js图片自动缩放功能

    JavaScript(简称JS)是一种轻量级的脚本语言,常用于网页和网络应用开发,能够对用户界面进行实时更新和交互。...在压缩包"图片自动缩放-js"中,可能包含了实现这一功能的示例代码,可以参考学习。

    js javascript自动编号 编号递增

    在JavaScript编程中,"js javascript自动编号 编号递增"这一主题涉及到如何设计一个功能,使得能够自动为带有特定前缀(例如"0X")的数字字符串进行递增。这种需求通常出现在数据管理、序列化或者创建唯一标识符等...

    文本框自动记忆功能的js示例

    这个JS示例展示了如何利用JavaScript和Cookie技术实现这一功能。Cookie是一种在用户浏览器端存储少量信息的技术,它可以用来保存用户的偏好设置、登录状态或者如本例中的文本框内容。 首先,我们要理解JavaScript在...

    纯JS人脸识别服务,带手动抓拍、自动抓拍功能并获取人脸照片

    在本文中,我们将深入探讨如何使用纯JavaScript实现一个具有手动抓拍、自动抓拍功能的人脸识别服务,并能获取人脸照片。此服务还允许用户切换摄像头,为用户提供更灵活的操作体验。由于这是一个基于Web的应用,因此...

    js实现form表单自动回显功能

    js实现form表单自动回显功能

    设置eclipse和html和js自动补全.zip

    展开“JavaScript” -&gt; “Editor” -&gt; “Content Assist”,在这里你可以调整JavaScript自动补全的详细程度,比如是否显示函数参数提示等。同时,确保“Enabled”选项已被勾选,以启用JavaScript的自动补全功能。 ...

    js自动检索录入,类似百度输入自动匹配

    综上所述,JavaScript自动检索录入功能结合了JavaScript基础、DOM操作、事件监听、数据处理等多种技术,实现了一个便捷的用户输入辅助工具。在实际开发中,我们可以通过不断优化来提高用户体验,使网页更加智能化。

    js实现的倒计时定时自动关机源码

    在这个场景中,我们讨论的是使用JavaScript实现的倒计时定时自动关机功能。这个功能允许用户设置一个时间,当倒计时结束时,计算机将自动关闭。以下是关于这个主题的详细知识点: 1. **JavaScript事件循环**: ...

    js自动提取文章关键词

    js自动提取文章关键词,针对输入框的文字

    js 自动补全 及css样式

    JavaScript自动补全功能通常是通过代码编辑器或IDE提供的。例如,`jquery-ui-1.9.2.custom.js`可能是一个包含jQuery UI库的版本,该库不仅提供了丰富的UI组件,还支持自动补全功能。jQuery UI中的Autocomplete组件是...

    asp.net使用JS实现自动补充功能

    本示例"asp.net JS 自动补充"是关于如何利用JavaScript实现自动补全功能,这种功能常见于搜索框、输入字段等,能提升用户体验,帮助用户快速找到他们想要输入的内容。 自动补全功能的核心是AJAX(异步JavaScript和...

    JS版的自动文档保存

    标题中的“JS版的自动文档保存”指的是使用JavaScript编程语言实现的一种功能,它允许用户在浏览器环境下无需手动操作即可定时或触发式地保存正在编辑的文档。JavaScript是一种广泛应用于网页和网络应用的脚本语言,...

    js 自动弹出窗口 下来菜单效果

    在探讨“js自动弹出窗口下来菜单效果”的知识点时,我们不仅关注JavaScript代码本身,还应当深入了解其背后的逻辑与应用场景。这段代码展示了如何利用JavaScript创建一个动态下拉菜单,并在用户选择菜单项时自动打开...

    js图片自动滚动

    在本案例中,“js图片自动滚动”是一个使用JavaScript实现的网页功能,它能够让图片在网页上按照预设的方式自动滚动展示,提升用户体验,特别是在产品展示、新闻轮播等场景下尤为常见。 首先,我们要理解JavaScript...

    javascript代码自动补全插件

    它的主要目的是增强原版Firebug的JavaScript自动补全功能,尤其是在处理大型JavaScript库(如jQuery、AngularJS等)时,提供更全面的API提示。通过安装这个插件,开发者可以更轻松地记住和使用各种库的函数和方法,...

    javascript图片自动切换效果

    在网页设计中,JavaScript常被用来实现各种各样的动态功能,如表单验证、页面交互以及动画效果,其中包括图片自动切换效果。这个"javascript图片自动切换效果"就是一种常见的网页动态展示方式,它能够使一组图片按照...

    Ajax配合JavaScript写实现自动补全功能的TextBox

    Ajax配合JavaScript写实现自动补全功能的TextBox

Global site tag (gtag.js) - Google Analytics