绑定上两个输入的总和

Question

我试图在绑定上sumarise两个输入域。

这是我的函数：

$j('#calclength, #calcwidth').keyup(function() { 
    var s1 = $j('#calclength').val(); 
    var s2 = $j('#calcwidth').val(); 
    var s3 = (s1) + (s2); 
     $j('.s1').text(s3); 
}); 

而#calclength，#calcwidth是我的投入和.S1是结果的范围。

在生病时插入例如1 & 2到输入的结果出来是12而不是3

你们能不能指点我，我错了，请在这里做的那一刻？

非常感谢您的帮助。 Dom

Answer 1

使用一元+运营商，否则他们是字符串，连接，不加总结。

$j('#calclength, #calcwidth').keyup(function() { 
    var s1 = $j('#calclength').val(); 
    var s2 = $j('#calcwidth').val(); 
    var s3 = (+s1) + (+s2); 
     $j('.s1').text(s3); 
}); 

Answer 2

这些值是作为字符串读取的，因此连接在一起，而不是总和。强制它们为整数：

var s1 = parseInt($j('#calclength').val()); 
var s2 = parseInt($j('#calcwidth').val()); 

Answer 3

您需要将值转换为整数，例如，与parseInt()：

var s1 = parseInt($j('#calclength').val(), 10); 
var s2 = parseInt($j('#calcwidth').val(), 10); 

第二个参数设置基到10其确保号码总是被视为十进制数，而不是八进制（前导0）或十六进制（前导0x）。

---

相反的parseInt()你也可以通过用+前缀它使用隐式转换为数字：

var s1 = +$j('#calclength').val(); 
var s2 = +$j('#calcwidth').val(); 

---

哪种方案更适合你取决于你想要什么样的行为包含数字后跟垃圾的字符串;看到的行为有什么不同这个例子：该字符串转换为数字

$j('#calclength, #calcwidth').keyup(function() { 
    var s1 = $j('#calclength').val(); 
    var s2 = $j('#calcwidth').val(); 
    var s3 = (+s1) + (+s2); 
    $j('.s1').text(s3); 
}); 

Fiddle

Answer 4

你需要将它们转换为整数

js> +'123x' 
NaN 
js> parseInt('123x', 10) 
123