javascript - jquery 两个输入值的总和

标签 javascript jquery input

我有代码:

function compute() {
    if ($('input[name=type]:checked').val() != undefined) {
        var a = $('input[name=service_price]').val();
        var b = $('input[name=modem_price]').val();
        var total = a + b;
        $('#total_price').val(a + b);
    }
}

在我的代码中,我想要两个文本输入的总和值,并写入 ID 为“total”的文本输入

例如,我的两个数字不能相加:

service_price value = 2000modem_price=4000 在此示例中,总输入值必须为 6000,但实际为 20004000

最佳答案

您的代码是正确的,除了您添加(连接)字符串,而不是添加整数。只需将您的代码更改为:

function compute() {
    if ( $('input[name=type]:checked').val() != undefined ) {
        var a = parseInt($('input[name=service_price]').val());
        var b = parseInt($('input[name=modem_price]').val());
        var total = a+b;
        $('#total_price').val(a+b);
    }
}

这应该可行。

下面是一些工作示例,当选中复选框时,该值会更新总和(如果选中此复选框,则当其中一个字段发生更改时,该值也会更新): jsfiddle .

关于javascript - jquery 两个输入值的总和,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6552959/

相关文章:

javascript - 根据另一个中的选择填充一个下拉列表

javascript - 放置在表单内时按钮不起作用

jquery - Toggle() Jquery 问题

javascript - 如何让输入法只允许输入两位小数?

exception - 如何在线程 “main” java.lang.NullPointerException中修复异常

javascript - 复选框始终给出最后一个值

javascript - Webflow 和 Fullpage.js 互相干扰

css - 为什么 <input type ="text"> 的实际大小小于指定大小?

javascript - 无法使用谷歌图表适应模式窗口

javascript - 将 JavaScript 值分配给 mvc 模型属性