Question

用按钮标签尝试一下dev - 对我来说很新，就像与它相关联的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 case

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

<强> DEMO

Answer 2

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

就像那样：）

Answer 3

<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>

jQuery Increment按钮 - 不低于0

3 个答案: