0

我有这个代码。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<input onclick="result.value = m1*m2; m1.value = (+m1.value -1);" type="button" id="minus1" value="minus" />
<input onclick="result.value = m1*m2; m1.value = (+m1.value +1);" type="button" id="plus1" value="plus" />
<input type="textbox" id="m1" value="1" />
<br />
<input onclick="result.value = m1*m2; m2.value = (+m2.value -1);" type="button" id="minus2" value="minus" />
<input onclick="result.value = m1*m2; m2.value = (+m2.value +1);" type="button" id="plus2" value="plus" />
<input type="textbox" id="m2" value="1" />
<br />
<br />
Result :<input type="textbox" id="result" />
</body>
</html>

为什么每次更改 + 或 - 按钮时都会得到 NaN 值？？？

4

2 回答 2

5

你在倍增m1*m2。你应该使用：m1.value*m2.value。

在某些浏览器中，m1会返回带有 id 的元素m1本身。但是，您想要相乘的只是值，因此m1.value.

编辑的HTML：

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
    </head>
    <body>
        <input onclick="result.value = m1.value*m2.value; m1.value = (+m1.value -1);" type="button" id="minus1" value="minus" />
        <input onclick="result.value = m1.value*m2.value; m1.value = (+m1.value +1);" type="button" id="plus1" value="plus" />
        <input type="textbox" id="m1" value="1" />
        <br />
        <input onclick="result.value = m1.value*m2.value; m2.value = (+m2.value -1);" type="button" id="minus2" value="minus" />
        <input onclick="result.value = m1.value*m2.value; m2.value = (+m2.value +1);" type="button" id="plus2" value="plus" />
        <input type="textbox" id="m2" value="1" />
        <br />
        <br />Result :
        <input type="textbox" id="result" />
    </body>
</html>

onclick如果我可以建议，你应该在事件中使用一个函数。事情会更清晰，更容易维护，并且您可以添加更多检查，例如输入的数字是否有效。请参阅下面的示例。

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
        <script type="text/javascript">
            function update(inputToChange, changeValue) {
                var parsedValue = parseFloat(inputToChange.value);
                if (isNaN(parsedValue)) {
                   alert(inputToChange.value+' is not a a valid number.');
                }
                else {
                   result.value = m1.value * m2.value;
                   inputToChange.value = parsedValue + changeValue;
                }
            }
        </script>
    </head>
    <body>
       <input onclick="update(m1, -1)" type="button" id="minus1" value="minus" />
       <input onclick="update(m1, 1)" type="button" id="plus1" value="plus" />
       <input type="textbox" id="m1" value="1" />
       <br />
       <input onclick="update(m2, -1)" type="button" id="minus2" value="minus" />
       <input onclick="update(m2, 1)" type="button" id="plus2" value="plus" />
       <input type="textbox" id="m2" value="1" />
       <br />
       <br />Result :
       <input type="textbox" id="result" />
    </body>
</html>

在这里查看演示。

于 2013-06-26T11:38:21.797 回答
1

您可以使用m1*m2哪个是文本框的 Id 而不是它的值。

用途：result.value = m1.value*m2.value代替result.value = m1*m2;

于 2013-06-26T11:43:50.777 回答