使用jQuery增加輸入字段值

Question

jQuery（或純JavaScript）中增加輸入字段值的最短路徑是什么？

例如

<input id="counter" type="hidden" name="counter" value="1">

所以它變成了

<input id="counter" type="hidden" name="counter" value="2">

Answer 1

$('#counter').val( function(i, oldval) {
    return parseInt( oldval, 10) + 1;
});

演示

要么

$('#counter').val( function(i, oldval) {
    return ++oldval;
});

演示

您可以將上述代碼中的任何一個包裝在函數中，並調用它以進一步增加。 例如：

function increment() {
    $('#counter').val( function(i, oldval) {
        return ++oldval;
    });
}

現在在需要的時間和地點調用increment() 。

Answer 2

試試這個：

var $input = $('#counter');

$input.val( +$input.val() + 1 );​

DEMO

Answer 3

我認為最短的方式是：

$('#counter').get(0).value++ 

要么

$('#counter').get(0).value--

Answer 4

這里不需要jQuery，而是使用純JavaScript：

document.getElementById('counter').value++;

演示： http ： //jsfiddle.net/RDMPq/

您可以將增量移動到接受動態ID的功能，以提高可移植性：

function incrementInput(id){
    document.getElementById(id).value++;
}

演示： http ： //jsfiddle.net/uyuGY/

Answer 5

你可以試試這個：

jQuery的：

設置一個函數來執行此操作：

function incrementVal(selector) {
var $item = selector;
var $curVal = $item.attr("value");
$item.attr("value", parseInt($curVal) + 1 );
}

只需單擊按鈕即可使用它：

$("#increment").on("click",function() {
incrementVal($('#counter'));
});

你的HTML：

<input id="counter" type="hidden" name="counter" value="1">
<button id="increment">Increment field</button>

希望有所幫助。