时间戳

首页 > 解决方案 > 单击按钮时，我想使用 Javascript 将文本字段的值增加一

javascript - 单击按钮时，我想使用 Javascript 将文本字段的值增加一

问题描述

我希望每个按钮都增加它旁边的值文本字段

<input type="number" value="0" min="0" max="5" step="1" id="qty"/>
<button onclick="buttonClick()" type="button" class="btn btn-success btn-sm" id="add">ADD</button>

Javascript：

var i = 0;
function buttonClick() {
    document.getElementById('qty').value = ++i;
}

我正在使用此代码，但它仅在按下页面上的任何按钮后才向第一个文本字段添加值。

设计的附加输出

标签： javascripthtmlbootstrap-4dom-events

解决方案

function incrementValue()
{
    var value = parseInt(document.getElementById('number').value, 10);
    value = isNaN(value) ? 0 : value;
    value++;
    document.getElementById('number').value = value;
}
<form>
   <input type="text" id="number" value="0"/>
   <input type="button" onclick="incrementValue()" value="Increment Value" />
</form>

给你：实现示例：Html

<form>
   <input type="text" id="number" value="0"/>
   <input type="button" onclick="incrementValue()" value="Increment Value" />
</form>

Javascript：

function incrementValue()
{
    var value = parseInt(document.getElementById('number').value, 10);
    value = isNaN(value) ? 0 : value;
    value++;
    document.getElementById('number').value = value;
}

推荐阅读