javascript - 我想通过 javascript sum value onclick 函数得到一个值，结果很好，但我想修复值 2 的十进制？

Question

我不需要大的十进制值，只需要 2 个十进制值，所以请帮助...

<script>
                $(function() {
                    $("#isum, #num1, #num2, #num3, #rec1, #rec2, #rec3, #difnum1, #difnum2, #difnum3").on("keydown keyup", sum);
                    function sum() {
                    $("#trec").val(Number($("#isum").val()) / Number($("#num2").val()));
                    $("#trec").val(Number($("#trec").val()) * Number($("#rec2").val()));    
                    //-----------------------------
                    $("#rec1").val(Number($("#num1").val()));
                    $("#difnum1").val(Number($("#rec1").val()));
                    //-----------------------------
                    $("#rec3").val(Number($("#num3").val()));
                    $("#difnum3").val(Number($("#rec3").val()));
                    //-----------------------------
                    $("#difnum2").val(Number($("#num2").val()) - Number($("#rec2").val()));
                    $("#tdifnum").val(Number($("#isum").val()) - Number($("#trec").val()));
                    }
                });
                </script>

Answer 1

如果您已有数值，则可以使用 Number.toFixed()函数指定小数点后要包含的有效位数。

因此，在您的情况下，您只想执行计算并在其后添加 .toFixed(2) :

// Example
$("#difnum2").val((Number($("#num2").val()) - Number($("#rec2").val())).toFixed(2));

为了便于阅读，您可能需要考虑单独解析所有值并使用这些值执行计算:

$(function() {
    $("#isum, #num1, #num2, #num3, #rec1, #rec2, #rec3, #difnum1, #difnum2, #difnum3").on("keydown keyup", sum);
    function sum() {
        // Get your values
        var isum = Number($($"#issum").val()),
            num2 = Number($("#num2").val()),
            rec2 = Number($("#rec2").val()),
            num1 = Number($("#num1").val()),
            rec1 = Number($("#rec1").val()),
            num3 = Number($("#num3").val()),
            rec3 = Number($("#rec3").val());

        // Perform your calculations
        var trec = (isum / num2) * rec2,
            difnum2 = num2 - rec2,
            tdifnum = isum - trec;

        // Set your values
        $("#trec").val(trec);
        $("#rec1").val(num1);
        $("#difnum1").val(rec1);
        $("#rec3").val(num3);
        $("#difnum3").val(rec3);
        $("#difnum2").val(difnum2);
        $("#tdifnum").val(tdifnum);
    }
});

我还建议考虑使用一些更有意义的名称来说明每个值的含义(以及正在计算的内容)，而不是任意名称(例如 num1、num2、rec1、rec2 等)