JavaScript输入文本框加号

Question

我对JavaScript中的加号有疑问，对此我有些困惑。 我有这个输入文本框，我将输入50，它将加上50。 我的结果相加，例如输入50，结果是5050，这是完全错误的。 有人可以帮我吗？

<!DOCTYPE html>
<html>
<head>
<title>activity 2</title>
<script type="text/javascript">
  function computeSalary(){
    var salaryData = document.form1.salary.value;
    var salary1 = salaryData  + 50;
    document.form1.newSalary.value = salary1;
  }
</script>
</head>
<body>
  <form name="form1">
    Enter the daily salary:
    <input type="text" name="salary" /><br />
    <input type="button" value="Compute" onClick="computeSalary();" /><br />
    <br />
    The new salary: <input type="text" name="newSalary" />
  </form>
</body>
</html>

Answer 1

更改以下行：

var salary1 = parseInt(salaryData)  + 50; // Use parseInt or parseFloat

原因是JavaScript会将字符串和整数强制转换为字符串。 因此，您的整数50将转换为字符串，然后进行连接。

Answer 2

您可以通过简单地添加加号将获取的字符串值（连接到您的值）转换为数字：

var salary1 = +salaryData  + 50;

jsFiddle示例

Answer 3

您必须先使用输入运算符将从输入控件中获得的值转换为浮点数或整数，然后再使用+运算符将其添加。 +运算符会将两个操作数转换为相同类型，然后再添加两个操作数。 这是您获得5050的主要原因，因为int类型的50已转换为字符串。

使用此代码：

function computeSalary(){
    var salaryData = document.form1.salary.value;
    var salary1 = parseFloat(salaryData)  + 50;
    document.form1.newSalary.value = salary1;
}

JavaScript输入文本框加号

问题描述

3 个解决方案

解决方案1
0 2014-01-18 16:19:00

解决方案2
0 2014-01-18 16:20:04

解决方案3
0 2014-01-18 16:21:31

JavaScript输入文本框加号

问题描述

3 个解决方案

解决方案1 0 2014-01-18 16:19:00

解决方案2 0 2014-01-18 16:20:04

解决方案3 0 2014-01-18 16:21:31

解决方案1
0 2014-01-18 16:19:00

解决方案2
0 2014-01-18 16:20:04

解决方案3
0 2014-01-18 16:21:31