javascript - 多个加号/减号框

Question

我正在使用 - 和 + 按钮来减少和增加文本框的数量，我遇到的问题是当我在一页上使用多个计数器时

这是一个脚本。如何编辑此代码，以便我可以在一个页面上多次使用它

<script language=javascript>
function process(v){
var value = parseInt(document.getElementById('v').value);
value+=v;
document.getElementById('v').value = value;
}
</script>

<input type=button value='-' onclick='javascript:process(-1)'>
<input type=test size=10 id='v' name='v' value='0'>
<input type=button value='+' onclick='javascript:process(1)'>

Answer 1

由于问题是用 jQuery 标记的，所以这里有一个 jQuery 答案：

http://jsfiddle.net/pxJHc/

<div>
    <input type='button' value='-' class='minus' />
    <input type='text' size='10' class='value' value='0' />
    <input type='button' value='+' class='plus' />
</div>

---

$('.minus, .plus').click(function (e) {
    e.preventDefault();    
    var $input = $(this).siblings('.value');
    var val = parseInt($input.val(), 10);
    $input.val(val + ($(this).hasClass('minus') ? -1 : 1));
});

Answer 2

很容易 ：）

<script language=javascript>
function process(v, target){
    var value = parseInt(document.getElementById(target).value);
    value+=v;
    document.getElementById(target).value = value;
}
</script>

<input type=button value='-' onclick='javascript:process(-1, "v")'>
<input type=test size=10 id='v' name='v' value='0'>
<input type=button value='+' onclick='javascript:process(1, "v")'>

<br />    

<input type=button value='-' onclick='javascript:process(-1, "v2")'>
<input type=test size=10 id='v2' name='v' value='0'>
<input type=button value='+' onclick='javascript:process(1, "v2")'>