Question

我找到了下面的脚本来更改表单提交的数量。但是，它允许低于0的值。有没有办法设置范围（例如：1到10之间）？

<div class="add_minus_button">
  <input type='button' value='-' class='minus' />
  <input type='text' class='value' value='0' name='item' />
  <input type='button' value='+' class='plus' />
</div>

<script>
   $('.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));
  });
</script>

这是jsfiddle example

Answer 1

$('.minus, .plus').click(function (e) {
    e.preventDefault();    
    var $input = $(this).siblings('.value');
    var val = parseInt($input.val(), 10);
    var isminus = $(this).hasClass('minus');
    if((isminus && val > 5) || (!isminus && val <10)) // 5 is minimum and 10 is maximum
        $input.val(val + (isminus ? -1 : 1));
});

小提琴：http://jsfiddle.net/99WUG/1/

Answer 2

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

小提琴：http://jsfiddle.net/99WUG/2/

设置表单提交的添加/减少按钮的值范围

2 个答案: