Question

我使用在线教程编写以下快速贷款计算器，因为我有非常基本的编码技能。它工作得很好，我唯一需要改变的是所有三个输出量都需要数字中的空格...例如，它应该输出“400 000”而不是“400000”。如何添加空格或昏迷以使大数字更具可读性？

<form oninput="loanval.value=loan.value; periodval.value=period.value; paymentval.value=Math.floor(loan.value / period.value)">

<label>Loan Amount</label>
<input type="range" id="loan" name="loan" min="5000" max="400000" step="5000">              
<output name="loanval" for="loan">0</output>

<label>Loan Period</label>
<input type="range" id="period" name="period" min="1" max="15">          
<output name="periodval" for="period">0</output>

<label>Your monthly repayment will be:
<output name="paymentval">0</output>

</form>

Answer 1

更改

paymentval.value=Math.floor(loan.value / period.value)

到

paymentval.value=Math.floor(loan.value / period.value).toLocaleString()

如果您需要特定国家/地区格式化，则可以添加区域设置。 E.G。

paymentval.value=Math.floor(loan.value / period.value).toLocaleString('de-DE')

Answer 2

如果数字为400000，你可以通过取模数来中断数字，先使其复制然后取模数为1000，即答案为400。并且余数为0，那么你可以在400之后加上逗号，然后可以附加两者 400和1000 像400,000。模数意味着将其除以1000

Answer 3

我会将输出标记更改为范围并执行此操作：

var num = $('#loan').val();
num = numberWithCommas(num);
$('#loanval').text(num);

//from http://stackoverflow.com/questions/2901102/how-to-print-a-number-with-commas-as-thousands-separators-in-javascript

function numberWithCommas(x) {
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

你的HTML将是：

<label>Loan Amount</label>
<input type="range" id="loan" name="loan" min="5000" max="400000" step="5000">              
<span id ="loanval">0</span>

您也可以为所有输出执行此操作。然后添加它们你会做类似的事情：

//for each span...
var numberToAdd = $('#loanval').val();
numberToAdd = parseInt(numberToAdd);
$('#paymentval').text(numberToAdd);

<span id="paymentval">0</span>

如何使用JavaScript将数字大数字格式化为字符串

3 个答案: