Question

我们需要一个文本框，您可以在其中输入数字，点击按钮，然后按1递增，同时保留在同一文本框中。这是我到目前为止的代码：

<form action=#>
    <p>
        Current Count...<input type="text" id="txtCounter" value="0">
    </p>
    <p>
        <input type="button" value="Increment Count" id="btnIncrement" onclick="btnIncrement_onclick()">
        <input type="reset">
    </p>
</form>
<noscript>This website requires JavaScript to be enabled.</noscript>

JavaScript的：

function btnIncrement_onclick() {
    // get textbox and assign to a variable
    var countTextbox = document.getElementById("txtCounter");
    var txtCounterData = txtCounter.value;
    var countTextbox.value = 0++;
}

如果有人可以向我解释如何做到这一点，而不仅仅是给我答案。我不知道为什么我这么难过。

Answer 1

尝试以下简单代码：

＆＃13;

function btnIncrement_onclick()
{
    //asign the textbox to variable
    var textbox = document.getElementById("txtCounter");

    //Get the value of textbox and add 1 then update the textbox
    textbox.value = parseInt(textbox.value)+1;
}

＆＃13;

<form action=#>
    <p>
        Current Count...<input type="text" id="txtCounter" value="0">
    </p>
    <p>
        <input type="button" value="Increment Count" id="btnIncrement" onclick="btnIncrement_onclick()">
        <input type="reset">
    </p>
</form>
<noscript>This website requires JavaScript to be enabled.</noscript>

＆＃13;

希望这有帮助。

Answer 2

在您的HTML中：

在您的HTML中，您有一个onclick="btnIncrement_onclick()"，这意味着每次点击都会触发您的功能。

在你的JS中：

function btnIncrement_onclick() {
    // Named as countTextbox you input. sou we can use it later.
    var countTextbox = document.getElementById("txtCounter");

    // Get the current value attribute of it, initialy 0.
    var txtCounterData = txtCounter.value;

    // The line above is not being used. but you can check it with a console.log like this:
    console.log(txtCounterData);

    // Now you are calling again your input and changing his value attribute. this ++  means a increment. so we are increasing +1;
    countTextbox.value++;
}

您应该阅读有关增量和运算符以及DOM的更多信息（通过id选择标记的方式，并再次选择其属性）。

抱歉没有找到一个很好的英文来源。

需要帮助使用增量并在文本框中显示

2 个答案: