jQuery从输入字段添加2个数字 [英] jQuery adding 2 numbers from input fields

问题描述

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

I am trying to add two values of alert boxes but I keep getting a blank alert box. I don't know why.

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

推荐答案

添加字符串连接它们：

> "1" + "1"
"11"

您必须将它们解析为数字第一个：

You have to parse them into numbers first:

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

此外，您必须从点击处理程序中获取值：

Also, you have to get the values from inside of the click handler:

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

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

Otherwise, you're using the values of the textboxes from when the page loads.

这篇关于jQuery从输入字段添加2个数字的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！