1

JavaScriptで数値を動的に増減する方法を知りたいです。ユーザーがアイテムを購入すると、数字と 2 つのボタン (追加するボタンと削除するボタン) を持つ入力フィールド「数量」があります。

私のコードは次のとおりです

<td class="quantity">
    <a href="#" class="removeItem">-</a>
    <input type="text" id="purchase_quantity" min="1" max="99" delta="0" cost="<?php echo$poupa ?>" name="purchase_quantity" value="1" />
    <a href="#" class="addItem" >+</a>
</td>

「-」をクリックすると入力フィールドの数を減らし、「+」をクリックすると入力フィールドの数を増やすにはどうすればよいですか?

4

3 に答える 3

1 
var input = document.getElementById("YOUR_INPUT_ID");

function minus(){
  var num = +input.value;//+ for convert from string to number
  num--;
  input.value = num;
}

function plus(){
  var num = +input.value;//+ for convert from string to number
  num++;
  input.value = num;
}

http://jsfiddle.net/VY9tE/

HTMLフォームとチェックカウント（0..99）を使用したもう1つの例：

http://jsfiddle.net/VY9tE/2/

于 2013-07-30T22:17:52.183 に答える
0

下降：

<a href="#" class="removeItem" onclick="$('#purchase_quantity').val($('#purchase_quantity').val()-1); return false;">-</a>

増加

<a href="#" class="addItem" onclick="$('#purchase_quantity').val($('#purchase_quantity').val()+1); return false;">+</a>

タグ付けされているので、jqueryを使用できると仮定します。

于 2013-07-30T22:14:39.290 に答える