PHP学院的中学生 2020-04-12 00:10:13 284次浏览 0条回复 0 0 0
<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>JS仿购物车添减商品</title>
 </head>
<body>
<div>
    <span style="display:inline;margin-right:10px;">数量</span>
    <input type="button" value="-" onclick='decrease()'/>
    <span class='num' style='font-size: 15px;'>1</span>
    <input type="button" value="+" onclick='increase()'/>
</div>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script>    
  function increase(){
      var num = parseInt($('.num').text());
      $('.num').text(num+1);
      $('#num').val(num+1);
  }
  function decrease(){
      var num = parseInt($('.num').text());
      if(num>1){    //如果大于1的话才执行,默认是1
          $('.num').text(num-1);
          $('#num').val(num-1);
      }
  }
</script> 
</body>
</html>
亿速云
    没有找到数据。
您需要登录后才可以回复。登录 | 立即注册