如何通过点击javascript中的按钮来修改输入数字字段?

时间:2015-02-23 17:48:54

标签: javascript jquery html

我试图在点击按钮时增加输入文本字段中的值但是说实话我不知道正确的方式,因为我是javascript的新手。我做了这么多。

function input1()
{
    var x = document.getElementById("box").value;
    document.getElementById("box").innnerHTML= x*10+1 ;
}

但它不起作用。 这是输入字段的html。

<input type="number" name="display" id="box"style="height:55px;font-size:25px;text-align:end;">

4 个答案:

答案 0 :(得分:0)

function input1()
{
    var x = +document.getElementById("box").value;
    document.getElementById("box").value= x*10+1 ;
}

答案 1 :(得分:0)

输入标签没有innerHTML;如果要在输入中重新分配文本,请使用value属性。

function input1()
{
    var x = document.getElementById("box").value;
    document.getElementById("box").value = x * 10 + 1;
}

答案 2 :(得分:0)

您必须使用

设置值
document.getElementById("box").value = x*10+1 ;

答案 3 :(得分:0)

你可以试试这个:

function input1() {
    var box = document.getElementById("box");
    box.value = box.value * 10 + 1;
}

另外,我添加了&#34; value = 0&#34;到你的HTML:

<input type="number" name="display" id="box" value="0" style="height:55px;font-size:25px;text-align:end;">

https://jsfiddle.net/lemoncurry/xxyjoLa7/1/