PHP学院的中学生 2019-03-15 16:00:41 412次浏览 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>
亿速云
    没有找到数据。
您需要登录后才可以回复。登录 | 立即注册