javascript - 小数点以下 2 桁を追加する Onchange

Question

私は、私のために計算を行う作業中の領収書を持っています。結果をドルの値として表示する必要があります。

私のHTML：

<input type="text" name="copy1" id="copy1" size="4" maxlength="10" onchange="calculate(this.value)">
<input type="text" name="copycosts" id="copycosts" size="4" VALUE=""/>

私のJavaScript：

<script type="text/javascript">
function calculate(){
var copy1value = parseFloat(document.getElementById("copy1").value, 10);
document.getElementById("copycosts").value = copy1value * 0.50;
}
</script>

乗算が完了した後に小数点以下 2 桁を追加するにはどうすればよいですか? たとえば、13 * 0.50 = 6.5 -- 6.50 と言いたいです。

前もって感謝します。

Answer 1

使用しますtoFixed()（数値を文字列に変換します）：

document.getElementById("copycosts").value = (copy1value * 0.50).toFixed(2);

将来この数値を操作する必要がある場合は、次を使用する必要がありますparseFloat()。

var numFromCopycosts = parseFloat(document.getElementById('copycosts').textContent);

参考文献:

• Number.toFixed().
• parseFloat().

Answer 2

以下のコードを使用して、数値も丸めます。

(Math.round(copy1value * 0.50 * 100) / 100).toFixed(2);

例

 1.345 will be rounded off to 1.35

jsfiddle を追加しました: http://jsfiddle.net/FQTqk/297/

Answer 3

toFixed を使用できます:

var val = copy1Value.toFixed(2);