Question

快速的新手问题，我确信这对你来说很简单，但我无法理解为什么我的代码不会工作。在线检查，似乎我做的一切都很好，但仍然无法工作......我想做的就是做简单的计算并在差异字段中显示。我尝试过外部和内部JS。这是我的代码：

<script type="text/javascript">
    function calculate(){
    var a = document.calculate.first.value;
    var b = document.calculate.second.value;
    var c = parseInt(a) + parseInt(b);
    document.calculate.result.value = c;
    }
</script>


<body>
    <form name="calculate">
        <input type="text" name="first" size="5">
        <input type="text" name="second" size="5">
        <input type="button" onclick="calculate()">
        <input type="text" name="result" id="result" size="5">
    </form>
</body>

Answer 1

Chrome说：

Uncaught TypeError: object is not a function (onclick)

为表单和onclick处理程序指定一个不同的名称！ Here是一项测试。

Answer 2

以下是更正后的代码：

<html>
    <head>
        <script type="text/javascript">
        function calculate(){
        var a = document.getElementById('first').value;
        var b = document.getElementById('second').value;
        var c = parseInt(a) + parseInt(b);
        document.getElementById('result').value = c;
        }
        </script>
    </head>
    <body>
        <form name="calculateform">
            <input type="text" id="first" size="5">
            <input type="text" id="second" size="5">
            <input type="button" onclick="calculate()">
            <input type="text" id="result" id="result" size="5">
        </form>
    </body>
</html>

Answer 3

这可能是因为您使用与js函数相同的表单名称。工作示例：

<html>
  <head>
    <script type="text/javascript">
      function calculate(){
        alert(document.calculatex.first.value);
        var a = document.calculatex.first.value;
        var b = document.calculatex.first.value;
        var c = parseInt(a) + parseInt(b);
        document.calculatex.result.value= c;
     }
     </script>
  </head>
  <body>
    <form name="calculatex">
        <input type="text" name="first" size="5"/>
        <input type="text" name="second" size="5"/>
        <input type="button" value="calculate" onclick="calculate();"/>
        <input type="text" name="result" id="result" size="5"/>
    </form>
</body>

查看JQuery库（方便获取/设置字段值）。

js不会显示计算结果

3 个答案: