多个加/减箱

时间:2013-10-17 19:23:33

标签: javascript jquery html

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

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

<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)'>

2 个答案:

答案 0 :(得分: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));
});

答案 1 :(得分:0)

非常容易:)

<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")'>