Javascript 加在一起的2个字段不添加小数点

我有一个网页，我在这个网页上有一个下拉列表和3个字段：

支付类型

数量

费用

总额

我的“金额”字段是可编辑的，我的“费用”字段从我的web.config文件中读取一个值，因为根据从下拉列表中选择的选项，有两种不同的费用

但是我的“总计”字段似乎没有添加小数点，我需要添加，并且这两个字段都设置为

type=“number”

我所有的代码都在下面

Web.config

<!-- BACS Fee -->
<add key="BacsFee" value="25.00" />
<!-- Chaps Fee -->
<add key="ChapsFee" value="50.00" />

---

问题是因为您正在将提供的值解析为没有浮点的整数。改用

parseFloat（）

：

$("#OneOffPayment_Textbox").keyup(function() {
    var val1 = parseFloat($("#OneOffPayment_Textbox").val());
    var val2 = parseFloat($("#BacsFee_Textbox").val());
    $("#TotalAmount_Textbox").val(val1 + val2);
});

如果需要将结果四舍五入到小数点后两位，请使用

toFixed（2）

：

---

使用

parseFloat

进行类似于十进制的

parseFloat（$（“#OneOffPayment_文本框”）.val（）

函数的作用是：解析字符串参数并返回一个浮点数

使用
parseFloat
进行类似于十进制的
parseFloat（$（“#OneOffPayment_文本框”）.val（）完美。我刚想问你总是要加两位小数，但你的更新比我快。干杯
function showModal(modal) {
        var selectedModal = '#' + modal.id;
        var e = document.getElementById("PaymentMethod_DropDownList");
        if (e.options[e.selectedIndex].text == 'CHAPS')
        {            
            $(selectedModal).modal('show');
            $('#ChapsFee').show();
            $('#BacsFee').hide();
        }
        else
        {
            $('#ChapsFee').hide();
            $('#BacsFee').show();
        }
    }

$(document).ready(function () {
    $("#OneOffPayment_Textbox").keyup(function()
    {
        var val1 = parseInt($("#OneOffPayment_Textbox").val());
        var val2 = parseInt($("#BacsFee_Textbox").val());
        $("#TotalAmount_Textbox").val(val1 + val2);
    });
 });

$("#OneOffPayment_Textbox").keyup(function() {
    var val1 = parseFloat($("#OneOffPayment_Textbox").val());
    var val2 = parseFloat($("#BacsFee_Textbox").val());
    $("#TotalAmount_Textbox").val(val1 + val2);
});

$("#TotalAmount_Textbox").val((val1 + val2).toFixed(2));