gpt4 book ai didi

javascript - 如何修复成本框中包含 "NaN"的计算脚本?

转载 作者:行者123 更新时间:2023-11-28 07:06:45 25 4
gpt4 key购买 nike

我有一个成本计算脚本,但是当我尝试清空价格框时遇到一个小问题,成本框中有“NaN”。

不知道问题出在哪里。我进行了以下更改: digitsVal=isNaN(digitsVal)?0:digitsVal; 变为 vardigitsVal=isNaN(digitsVal)?0:digitsVal; 并且首先此代码可以正常工作,但第二次我尝试清空成本框中的内容,成本框中仍然有“NaN”。

如何修复这个计算脚本?这个脚本有解决方案吗?

示例:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>berkelilingkesemua.info</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
</head>

<body>

<script>
$(document).ready(function() {
var price=$('#price'),
phone=$('#phone_number'),
digits=$('#digits'),
sum=$('#sum');
function calculateSum() {
var digitsVal=parseInt(phone.val().substr(-2));
digitsVal=isNaN(digitsVal)?0:digitsVal;
digits.val(digitsVal);
sum.val(parseFloat(price.val())+digitsVal);
};
phone.on('keyup', calculateSum);
price.on('keyup', calculateSum);
});
</script>

<table width="300px" border="1">
<tr>
<td width="40px">1</td>
<td>Price</td>
<td><input class="txt" name="price" type="text" id="price"></td>
</tr>
<tr>
<td>2</td>
<td>Phone Number</td>
<td><input name="phone_number" type="text" id="phone_number"></td>
</tr>
<tr>
<td>3</td>
<td>2 Digits</td>
<td><input class="txt" name="digits" type="text" id="digits" readonly></td>
</tr>
<tr id="summation">
<td>&nbsp;</td>
<td align="right">Cost :</td>
<td align="center"><input type="text" name="sum" id="sum" value="0"></span></td>
</tr>
</table>

</body>
</html>

最佳答案

替换:

sum.val(parseFloat(price.val())+digitsVal);

与:

isNaN(parseFloat(price.val())+digitsVal) ? sum.val(0) : sum.val(parseFloat(price.val())+digitsVal);

我认为这应该适合你

关于javascript - 如何修复成本框中包含 "NaN"的计算脚本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31650979/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com