1

快速的新手问题,我相信这对你来说很简单,但我无法弄清楚为什么我的代码无法工作。在线检查,似乎我做的一切都很好,但仍然无法工作......我想做的就是制作简单的 calc 并将其显示在 diff 字段中。我尝试过外部和内部 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>
4

3 回答 3

4

铬 说:

Uncaught TypeError: object is not a function (onclick)

为表单和 onclick 处理程序赋予不同的名称!是一个测试。

于 2013-08-28T09:32:53.007 回答
0

这是更正后的代码:

<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>
于 2013-08-28T09:38:26.887 回答
0

这可能是因为您使用的表单名称与 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 库(方便获取/设置字段值)。

于 2013-08-28T09:44:47.870 回答