购物车自动计算商品总额 [ 技术分享 ]

PHP学院的中学生 2019-03-15 16:00:41 2084次浏览 0条回复 0 0 0

购物车自动计算商品总额

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>购物车自动计算商品总额</title>
  <script type="text/javascript" src="jquery-1.10.2.js"></script>
  <script>
  $(function(){
      $(".o").blur(function(){    //blur是失去焦点事件，失去焦点的时候执行javascript代码
      var price=$(".o").val();    //定义一个变量price,并且获取它的值
      var num=$(".n").val();    //定义一个变量num数量,并且获取它的值
      var amount=price*num;        //定义一个变量amount总数,并且获取它的值=单价*数量
      $(".e").val(amount);        //给class为e的表单赋值
  })  
  
  })  
  
  </script>
 </head>
 <body>
 <div style="width:250px;height:200px;background:pink;margin:0 auto;padding:10px;">
 <h3>购物车自动计算商品总额</h3>
      <form action="" method="post" name="form1">
      商品编号：<input type="text" id="o" readonly value="酸牛奶"/><br/>
      商品单价：<input type="text" id="o" class="o"  value="0.0"/><br/>
      库存数量：<input type="text" id="o" class="n" value="35" readonly/><br/>
      金额总计：<input type="text" id="o" class="e" value="0.0"/><br/>  
      </form>
</div>
</body>
</html>

共 0 条回复

默认排序
    没有找到数据。

回复话题

您需要登录后才可以回复。登录 | 立即注册
PHP学院的中学生
副总裁

PHP学院的中学生

注册时间：2018-10-23
最后登录：2024-09-23
在线时长：168小时13分
  • 粉丝29
  • 金钱4725
  • 威望30
  • 积分6705
私信

热门话题