Javascript jQuery从输入字段添加2个数字_Javascript_Jquery

Javascript jQuery从输入字段添加2个数字

javascript jquery

Javascript jQuery从输入字段添加2个数字,javascript,jquery,Javascript,Jquery,我试图添加两个警报框的值，但始终得到一个空白警报框。我不知道为什么 $(document).ready(function(){ var a = $("#a").val(); var b = $("#b").val(); $("submit").on("click", function(){ var sum = a + b; alert(sum); }) }) 添加字符串将连接它们： > "1" + "

我试图添加两个警报框的值，但始终得到一个空白警报框。我不知道为什么

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

添加字符串将连接它们：

> "1" + "1"
"11"

您必须首先将它们解析为数字：

这里使用的是parseFloat。 *因为我们还不知道 *数字是否有小数位数。 */ var a=parseFloat（$（'#a'）.val（））， b=parseFloat（$（'#b'）.val（））；此外，还必须从单击处理程序内部获取值：

$（“提交”）。在（“单击”，函数（）{
var a=parseInt（$（'a'）.val（），10），
b=parseInt（$（'#b'）.val（），10）；
});

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

好的，这样您的代码实际上可以工作，但您需要做的是用单击之前使用的jquery符号替换单击函数中的a和b。这将确保您拥有正确且最新的值。因此，将您的单击功能更改为此应该可以：

$("submit").on("click", function(){
    var sum = $("#a").val().match(/\d+/) + $("#b").val().match(/\d+/);
    alert(sum);         
})

或内联到：

$("submit").on("click", function(){
    alert($("#a").val().match(/\d+/) + $("#b").val().match(/\d+/));         
})

这个代码有效，你能和你的代码比较一下吗

<!DOCTYPE html>
<html lang="en-US">
<head>
    <title>HTML Tutorial</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <meta charset="windows-1252">
<script>

$(document).ready(function(){
    var a = $("#a").val();
    var b = $("#b").val();   
    $("#submit").on("click", function(){
        var sum = a + b;
        alert(sum);         
    })
})
</script>
</head>
<body>
   <input type="text" id="a" name="option"> 
   <input type="text" id="b" name="task"> 
<input id="submit" type="button" value="press me">

</body>

</html>


HTML教程
$（文档）.ready（函数（）{
var a=$（“#a”）.val（）；
var b=$（“#b”）.val（）；
$（“#提交”）。在（“单击”，函数（）{
var总和=a+b；
警报（总和）；
})
})


$（文档）.ready（函数（）{
$（'#btnadd'）。在（'click'，函数（）{
var n1=parseInt（$（'#txtn1'）.val（）；
var n2=parseInt（$（'#txtn2'）.val（）；
var r=n1+n2；
警报（“2个的总和=”+r）；
返回false；
});
$（'#btnclear'）。在（'click'，函数（）{
$（'#txtn1'）.val（''）；
$（'#txtn2'）.val（''）；
$（'#txtn1'）.focus（）；
返回false；
});
});

有两种方法可以在jQuery中添加两个数字

第一种方式：

var x = parseInt(a) + parseInt(b);
alert(x);

第二种方式：

var x = parseInt(a+2);
alert(x);

现在你的问题来了

var a = parseInt($("#a").val()); 
var b = parseInt($("#b").val());
alert(a+b);

使用此代码通过jquery添加两个数字

<!DOCTYPE html>
    <html lang="en-US">
    <head>
        <title>HTML Tutorial</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <meta charset="windows-1252">
    <script>

    $(document).ready(function(){
        $("#submit").on("click", function(){
        var a = parseInt($('#a').val());
        var b = parseInt($('#b').val());
           var sum = a + b;
            alert(sum);
        })
    })
    </script>
    </head>
    <body>
       <input type="text" id="a" name="option">
       <input type="text" id="b" name="task">
    <input id="submit" type="button" value="press me">

    </body>

    </html>


HTML教程
$（文档）.ready（函数（）{
$（“#提交”）。在（“单击”，函数（）{
var a=parseInt（$（'a'）.val（））；
var b=parseInt（$（'#b'）.val（））；
var总和=a+b；
警报（总和）；
})
})

parseInt

将数字解析为整数，确定这些数字是整数吗？

<!DOCTYPE html>
    <html lang="en-US">
    <head>
        <title>HTML Tutorial</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <meta charset="windows-1252">
    <script>

    $(document).ready(function(){
        $("#submit").on("click", function(){
        var a = parseInt($('#a').val());
        var b = parseInt($('#b').val());
           var sum = a + b;
            alert(sum);
        })
    })
    </script>
    </head>
    <body>
       <input type="text" id="a" name="option">
       <input type="text" id="b" name="task">
    <input id="submit" type="button" value="press me">

    </body>

    </html>