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

最近给一个客户做了一个代码，客户是做金融的，需要给企业计算一些员工的税率啥的，反正我也不太清楚，只按照客户要求来做就行。
客户的要求就是有一个输入框，输入数字之后点计算，下边出现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，转载请注明出处。