0

- および + ボタンを使用して、テキスト ボックスの数を増減します。問題が発生するのは、1 つのページで複数のカウンターを使用する場合です。

これは1つのスクリプトです。このコードを編集して、1 つのページで何度でも使用できるようにするにはどうすればよいですか

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

2 に答える 2

2

質問は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));
});
于 2013-10-17T19:50:31.050 に答える
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")'>
于 2013-10-17T19:43:09.290 に答える