zoukankan      html  css  js  c++  java
  • 购物车前台页面代码

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>购物车自动计价</title>
    <script type="text/javascript" src="jquery-min.js"></script>
    <script type="text/javascript">
    $(function(){
    $(".se").change(function(oEven) {
    var num = $(this).find("option:selected").text();
    var price = $(this).parent().next().text();
    $(this).parent().next().next().text(num*price);
    GetInAll();//计算所有物品价格
    });
    })

    function GetInAll()
    {
    var len = $("#PriceTable tbody").children("tr").length;
    var priceCount=0;
    for(var i=0;i<len;i++)
    {
    // var tempData=rows[i];
    var price1 = $("#PriceTable tbody tr:eq("+i+") td:eq(4)").text();
    priceCount=parseFloat(priceCount)+parseFloat(price1);
    }
    $("#PriceTable tfoot tr td:eq(1)").text(priceCount);
    }
    </script>
    <style type="text/css">
    table input[type=text]{ 32px;}
    </style>
    </head>
    <body>

    <div>
    <table id="PriceTable">
    <thead><tr><td>物品编号</td><td>物品名称</td><td >数量</td><td>价格</td><td>小计</td></tr></thead>
    <tbody>
    <tr>
    <td >jsp_123</td>
    <td >电脑</td>
    <td>
    <select name="se" class="se">
    <option value="1">1</option>
    <option value="1">2</option>
    <option value="1">3</option>
    <option value="1">4</option>
    <option value="1">5</option>
    </select>
    </td>
    <td >1950</td>
    <td >1950</td>
    </tr>
    <tr>
    <td >jsp_123</td>
    <td >电脑</td>
    <td>
    <select name="se" class="se">
    <option value="1">1</option>
    <option value="1">2</option>
    <option value="1">3</option>
    <option value="1">4</option>
    <option value="1">5</option>
    </select>
    </td>
    <td >1950</td>
    <td >1950</td>
    </tr>
    <tr>
    <td >jsp_123</td>
    <td >电脑</td>
    <td>
    <select name="se" class="se">
    <option value="1">1</option>
    <option value="1">2</option>
    <option value="1">3</option>
    <option value="1">4</option>
    <option value="1">5</option>
    </select>
    </td>
    <td >1950</td>
    <td >1950</td>
    </tr>

    </tbody>
    <tfoot>
    <tr><td>总计:</td><td colspan="4">5850</td></tr>
    </tfoot>
    </table>
    </div>
    <input type="button" onclick="GetInAll()" value="计算" />
    </body>
    </html>

    管理好自己的情绪,你就是优雅的,控制好自己的心态,你就是成功的。
  • 相关阅读:
    C#中KeyDown和KeyPress区别
    c#快捷键设置和text输入限制
    问题总结
    c#串口编程和单片机通信重大发现
    c#类似单片机的8bit或运算
    c#中将默认常量(32bit)转换为8bit
    我的秋季个人阅读计划
    学期总结
    阅读笔记《软件秘籍》03
    阅读笔记--09
  • 原文地址:https://www.cnblogs.com/pingliangren/p/5580422.html
Copyright © 2011-2022 走看看