JavaScript加法

JavaScript加法

<input id="A" value="1">
<input id="B" value="2"/>
<input id="C"/>

在第三个input标签里计算出第一、第二个input标签的和

先展示一个常见的错误方法

var A = $("#A").val();
var B = $("#B").val();
var C = A + B;
$("#C").val(C)

这样写“C”的值是为12，原因是在JavaScript中“+”可以表示为拼接字符串，然而“A”、“B”的value值正是字符串类型，首先需要将A、B转换为数字类型

正确的方法（1）

var A = $("#A").val();
var B = $("#B").val();
var C = Number(A) + Number(B);
$("#C").val(C)

正确的方法（2）

var A = $("#A").val();
var B = $("#B").val();
var C = parseFloat(A) + parseFloat(B);
$("#C").val(C)

方法（1）中的Number()是将字符串转换成数字类型。
方法（2）中的parseFloat()是解析一个字符串，判断字符串中的首个字符是否是数字，如果是，则对字符串进行解析，直到到达数字的末端为止，然后以数字返回该数字，而不是作为字符串。