输入框计算显示几个结果html代码。汇率计算

输入框计算显示几个结果html代码。汇率计算

最近给一个客户做了一个代码,客户是做金融的,需要给企业计算一些员工的税率啥的,反正我也不太清楚,只按照客户要求来做就行。 客户的要求就是有一个输入框,输入数字之后点计算,下边出现6组不同结果,这6组不同结果需要乘以不同的汇率来计算出来。 div部分记得...

最近给一个客户做了一个代码,客户是做金融的,需要给企业计算一些员工的税率啥的,反正我也不太清楚,只按照客户要求来做就行。
客户的要求就是有一个输入框,输入数字之后点计算,下边出现6组不同结果,这6组不同结果需要乘以不同的汇率来计算出来。
div部分记得要引入jquery.min.js哦
[html]
<script src="js/jquery.min.js"></script>
<input type="text" id="nums">
<button id="doIt">计算</button>
</div>
<div><span>结果一:</span><span id="res1"></span></div>
<div><span>结果二:</span><span id="res2"></span></div>
<div><span>结果三:</span><span id="res3"></span></div>
<div><span>结果四:</span><span id="res4"></span></div>
<div><span>结果五:</span><span id="res5"></span></div>
<div><span>结果六:</span><span id="res6"></span></div>[/html]
js部分
[html]
<script>
$(function () {

//单击计算;
$("#doIt").click(function () {
//获取数据;
var nums = $("#nums").val();

//判断数据类型;
var type = $.isNumeric(nums);
if (type != true) {
alert("请确认输入的为数字类型");
$("#nums").focus();
return false;
}

//输入计算结果;
var multi = [0.5, 15, 1.6, 4.2, 2.8, 1.2];//每个结果计算的乘数;
var res1 = parseFloat(nums * multi[0]).toFixed(2);//保留两位数
var res2 = parseFloat(nums * multi[1]).toFixed(2);//保留两位数
var res3 = parseFloat(nums * multi[2]).toFixed(2);//保留两位数
var res4 = parseFloat(nums * multi[3]).toFixed(2);//保留两位数
var res5 = parseFloat(nums * multi[4]).toFixed(2);//保留两位数
var res6 = parseFloat(nums * multi[5]).toFixed(2);//保留两位数

//输出到web页面;
$("#res1").html(res1);
$("#res2").html(res2);
$("#res3").html(res3);
$("#res4").html(res4);
$("#res5").html(res5);
$("#res6").html(res6);
})

})
</script>
[/html]

我这边给客户实现的效果图是这样的。
如果有客户还需要比如限制数字框不低于几位可以下载这个附近。

原文链接:https://www.um80.com/388.htm,转载请注明出处。

0
金秋上云特惠新人专享

评论0

本站所有素材,站长均亲自测试过,可放心使用,有什么问题联系我们!18091738064(微信)

社交账号快速登录

Copyright   ©2017-2021  U码80  陕ICP备17013443号-1  

陕公网安备 61032402000158号