0

我所要做的就是在文本框中显示一个数字和一个按钮，每次按下它都会加 10，这是我的代码（它不起作用）。

<head>
    <script type="text/javascript">
    var n=parseInt(ocument.forms["formNum"]["numero"].value);
    document.getElementById("numero").value=n;

    function sumar() {
        n=document.forms["formNum"]["numero"].value+10;
        document.forms["formNum"]["numero"].value=n;
    }

    function inicializar() {
        n=document.forms["formNum"]["numero"].value=0;
    }
    </script>
</head>

<body>
    <form name="formNum">
        <p>
            <input type="text" size="10" name="numero" id="numero" />
        </p>

        <p>
            <input type="button" name="sumar" value="Sumar" onclick="sumar()" />
            <input type="button" name="inicializar" value="Iniciar a 0" onclick="inicializar()" />
        </p>
    </form>
</body>
4

4 回答 4

4 
<body>
    <script type="text/javascript">
       function sumar(){
           document.getElementById("numero").value = parseInt(document.getElementById("numero").value)+10;
       }

       function inicializar(){
           document.getElementById("numero").value=0;
       }
    </script>

    <form name="formNum">
        <p>
            <input type="text" size="10" name="numero" id="numero" value="0" />
        </p>

        <p>
            <input type="button" value="Sumar" onclick="sumar()" />
            <input type="button" value="Iniciar a 0" onclick="inicializar()" />
        </p>
     </form>
</body>

五个建议。

  1. 为您的 html 元素提供唯一的 ID 总是更好。
  2. 切勿将您的 HTML 元素和 javascript 函数命名为相同的名称。
  3. 如果您想从 javascript 访问 html 元素，如果您知道 id，请使用getElementById.
  4. 使用浏览器中的 Firebug 或 Developer 工具进行调试。
  5. 如果您想使用层次结构访问您的元素，请使用elements如下形式document.forms["formNum"].elements["numero"].value。检查这个例子

演示：http: //jsfiddle.net/DPJCR/

于 2013-10-11T07:35:13.570 回答
0

此代码应该可以工作：

<input type="text" id="mytext">

<script type="text/javascript">
   var elem = document.getElementById("mytext");
   elem.value = "My default value";
</script>

请参阅：设置输入字段的值

也许您正在从parseInt阻止值更改的异常中得到一个例外。

于 2013-10-11T07:36:38.687 回答
-1

试试这个对你有帮助

var count=10;
$('#btnSumar').click(function(){
              if($('#numero').val()=='')
              {
                  $('#numero').val(count);
              }else

           $('#numero').val(eval($('#numero').val())+count);    

                     });
$('#btnInc').click(function(){
    $('#numero').val('');});

小提琴here

于 2013-10-11T07:36:22.050 回答
-1

如果可以选择使用jQuery，请尝试以下操作：

function sumar(){
    $("#numero").attr("value", parseInt($("#numero").attr("value"), 10)+10);
}
于 2013-10-11T07:33:31.670 回答