我正在使用 - 和+按钮来减少和增加文本框的数量,我遇到问题的是当我在一个页面上使用多个计数器时
这是一个脚本。如何编辑此代码,以便我可以在一个页面上多次使用它
<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)'>
答案 0 :(得分:1)
由于问题用jQuery标记,这是一个jQuery答案:
<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")'>