jquery - jQuery 增量按钮 - 不低于 0

Question

只是尝试使用按钮标签进行一些开发 - 对我来说很新，与它相关的 jQuery 也是如此。

我想将被点击的最小值设为 0。基本上，不要进入缺点。

这是我到目前为止所得到的：

HTML：

<input name="qty" id="qty" type="text" value="1" size="3" maxlength="2"></input>

<button id="qtyplus" onclick="return false">+</button>
<button id="qtyminus" onclick="return false">-</button>

JS：

<script type="text/javascript">

 $(function(){
    $("#qtyplus").click(function(){
      $(":text[name='qty']").val( Number($(":text[name='qty']").val()) + 1 );
    });
    $("#qtyminus").click(function(){
      $(":text[name='qty']").val( Number($(":text[name='qty']").val()) - 1 );

    });
  });

</script>

那么，知道我必须添加什么以使其不低于 0 吗？

提前谢谢了。

Answer 1

使用 if 情况

   $("#qtyminus").click(function(){
      if($(':text[name="qty"]').val() !=0){
           $(":text[name='qty']").val( Number($(":text[name='qty']").val()) - 1 );
      }
    });

演示

Answer 2

<script type="text/javascript">

 $(function(){
    $("#qtyplus").click(function(){     
      $(":text[name='qty']").val( Number($(":text[name='qty']").val()) + 1 );
    });
    $("#qtyminus").click(function(){
     if($('#qty').val()>1)
      $(":text[name='qty']").val( Number($(":text[name='qty']").val()) - 1 );

    });
  });

</script>

Answer 3

$("#qtyminus").click(function(){
  if ($(":text[name='qty']").val() > 0)
  {
  $(":text[name='qty']").val( Number($(":text[name='qty']").val()) - 1 );
  }
});

就这样:)