javascript - jQuery 从输入字段中添加 2 个数字

Question

我正在尝试添加两个警报框值，但我一直收到一个空白警报框。我不知道为什么。

$(document).ready(function(){
    var a = $("#a").val();
    var b = $("#b").val();   
    $("submit").on("click", function(){
        var sum = a + b;
        alert(sum);         
    })
})

Answer 1

添加字符串将它们连接起来:

> "1" + "1"
"11"

你必须先将它们解析成数字:

/* parseFloat is used here. 
 * Because of it's not known that 
 * whether the number has fractional places.
 */

var a = parseFloat($('#a').val()),
    b = parseFloat($('#b').val());

此外，您必须从点击处理程序内部获取值:

$("submit").on("click", function() {
   var a = parseInt($('#a').val(), 10),
       b = parseInt($('#b').val(), 10);
});

否则，您将使用页面加载时文本框的值。