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()是解析一个字符串,判断字符串中的首个字符是否是数字,如果是,则对字符串进行解析,直到到达数字的末端为止,然后以数字返回该数字,而不是作为字符串。