用jquery计算前两个文本框的结果等于第三个文本框

最新推荐文章于 2019-12-04 18:27:34 发布

原创最新推荐文章于 2019-12-04 18:27:34 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #jquery获取文本框的值 #jquery计算文本框的值 #ViewUI

front 专栏收录该内容

40 篇文章

订阅专栏

本文介绍了一个简单的网页脚本，该脚本可以计算车辆的运行里程数。通过输入起始和结束里程，脚本会自动计算并显示运行里程数。如果输入为空或不合法，则会清空结果。


//本记录是结束里程数-起始里程数=运行里程数
//其它 加减乘除相似。
$(document).ready(function(){	
	startNumberKmOnBlur();
	$("#startNumberKm,#endNumberKm").blur(startNumberKmOnBlur);
});


function startNumberKmOnBlur(){
		var strStart=$("#startNumberKm").val();
		var strEnd=$("#endNumberKm").val();

		if(strStart=="" || strEnd=="" || isNaN(strStart)||isNaN(strEnd)){
			$("#runNumberKm").val("");
			return;
		}  
		var strStart=parseFloat(strStart);
		var strEnd=parseFloat(strEnd);
		if(strEnd<strStart){
			$("#runNumberKm").val("");
			return;
		}
		$("#runNumberKm").val(strEnd-strStart);
	};