Question

可能重复：
Addition is not working in JavaScript

在尝试学习一些java脚本时，我正在尝试构建一个简单的系统，在单击按钮时添加值。

以下代码有效，但只会添加+100的硬编码值，是否有人可以帮助我更改此代码，以便添加嵌套在id="add"按钮中的值？

<html>
  <head>
        <title>Input tutorial</title>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script language="javascript">
               $(function () {
    $("#add").click(function() {
    $("#total").val(parseInt($("#total").val()) + 100)
});
});
        </script>
  </head>
  <body>
     <input type="button" value="12" id="add">
     <input type="button" value="14" id="total">

  </body>
</html>

任何帮助都会很棒！谢谢。

Answer 1

只需将100的硬编码值替换为您想要的值：

$("#total").val(parseInt($("#total").val()) + parseInt($("#add").val()) )

Answer 2

<html>
<head>
    <title>Input tutorial</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script language="javascript">
        window.onload = function() {
            $('#add').bind('click', function () {
                $("#total").val(parseInt($("#total").val()) + parseInt($("#add").val()) + 100);
        });
    }
    </script>
</head>
<body>
<input type="button" value="12" id="add">
<input type="button" value="0" id="total">
</body>
</html>

Javascript补充

2 个答案: