master

分支 (1)

管理

管理

master

kgc-easybuy01-web
/
BuyCar_Two.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link type="text/css" rel="stylesheet" href="css/style.css" />
    <!--[if IE 6]>
    <script src="js/iepng.js" type="text/javascript"></script>
        <script type="text/javascript">
           EvPNG.fix('div, ul, img, li, input, a');
        </script>
    <![endif]-->

    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="js/menu.js"></script>

	<script type="text/javascript" src="js/n_nav.js"></script>

    <script type="text/javascript" src="js/select.js"></script>

    <script type="text/javascript" src="js/num.js">
    	var jq = jQuery.noConflict();
    </script>

    <script type="text/javascript" src="js/shade.js"></script>

<title>尤洪</title>
</head>
<body>
<!--Begin Header Begin-->
<div class="head1">

</div>

<div class="head2">

</div>
<!--End Header End-->
<!--Begin Menu Begin-->
<div class="menu_bg">
    <div class="menu">
        <!--Begin 商品分类详情 Begin-->
        <div class="nav">
            <div class="nav_t">全部商品分类</div>
            <div class="leftNav none">
                <ul id="categoryul">
                </ul>
            </div>
        </div>
        <!--End 商品分类详情 End-->
        <ul class="menu_r">
            <li><a href="Index.html">首页</a></li>
            <li><a href="Food.html">美食</a></li>
            <li><a href="Fresh.html">生鲜</a></li>
            <li><a href="HomeDecoration.html">家居</a></li>
            <li><a href="SuitDress.html">女装</a></li>
            <li><a href="MakeUp.html">美妆</a></li>
            <li><a href="Digital.html">数码</a></li>
            <li><a href="GroupBuying.html">团购</a></li>
        </ul>
        <div class="m_ad">中秋送好礼！</div>
    </div>
</div>
<!--End Menu End-->
<div class="i_bg">
    <div class="content mar_20">
    	<img src="images/img2.jpg" />
    </div>

    <!--Begin 第二步：确认订单信息 Begin -->
    <div class="content mar_20">
    	<div class="two_bg">
        	<div class="two_t">
            	<span class="fr"><a href="/BuyCar.html">修改</a></span>商品列表
            </div>
            <table border="0" class="car_tab1"style="width:1200px;" cellspacing="0" cellpadding="0">
                <thead>
                <tr>
                    <th class="car_th" width="190">商品名称</th>
                    <th class="car_th" width="140">单价</th>
                    <th class="car_th" width="150">购买数量</th>
                    <th class="car_th" width="130">小计</th>
                    <th class="car_th" width="130">选择</th>
                </tr>
                </thead>
                <tbody>

                </tbody>
            </table>

            <div class="two_t">
            	<span class="fr">选择地址：
                    <select name="AId" class="selAdd">

                     </select>
                </span>收货人信息
            </div>
            <table border="0" class="peo_tab" style="width:1110px;" cellspacing="0" cellpadding="0">
              <tr>
                <td class="p_td" width="160">名称</td>
                <td width="395"></td>
                <td class="p_td" width="160">电子邮件</td>
                <td width="395"></td>
              </tr>
              <tr>
                <td class="p_td">地址</td>
                <td></td>
                <td class="p_td">邮政编码</td>
                <td>6011111</td>
              </tr>
              <tr>
                <td class="p_td">电话</td>
                <td></td>
              </tr>
            </table>


            <div class="two_t">
            	配送方式
            </div>
            <table border="0" class="car_tab" style="width:1110px;" cellspacing="0" cellpadding="0">
              <tr>
                <td class="car_th" width="80"></td>
                <td class="car_th" width="200">名称</td>
                <td class="car_th" width="370">订购描述</td>
                <td class="car_th" width="150">费用</td>
                <td class="car_th" width="135">免费额度</td>
                <td class="car_th" width="175">保价费用</td>
              </tr>
              <tr>
              	<td align="center"><input type="radio" name="ch" checked="checked" /></td>
                <td align="center" style="font-size:14px;"><b>申通快递</b></td>
                <td>江、浙、沪地区首重为15元/KG，其他地区18元/KG，续重均为5-6元/KG， 云南地区为8元</td>
                <td align="center">￥15.00</td>
                <td align="center">￥0.00</td>
                <td align="center">不支持保价</td>
              </tr>
              <tr>
              	<td align="center"><input type="radio" name="ch" /></td>
                <td align="center" style="font-size:14px;"><b>城际快递</b></td>
                <td>运费固定</td>
                <td align="center">￥15.00</td>
                <td align="center">￥0.00</td>
                <td align="center">不支持保价</td>
              </tr>
              <tr>
              	<td align="center"><input type="radio" name="ch" /></td>
                <td align="center" style="font-size:14px;"><b>邮局平邮</b></td>
                <td>运费固定</td>
                <td align="center">￥15.00</td>
                <td align="center">￥0.00</td>
                <td align="center">不支持保价</td>
              </tr>
              <tr>
              	<td colspan="6">
                	<span class="fr"><label class="r_rad"><input type="radio" name="baojia" /></label><label class="r_txt">配送是否需要保价</label></span>
                </td>
              </tr>
            </table>

            <div class="two_t">
            	支付方式
            </div>
            <ul class="pay">
                <li class="checked">余额支付<div class="ch_img"></div></li>
                <li>银行亏款/转账<div class="ch_img"></div></li>
                <li>货到付款<div class="ch_img"></div></li>
                <li>支付宝<div class="ch_img"></div></li>
            </ul>
            <table border="0" style="width:900px; margin-top:20px;" cellspacing="0" cellpadding="0">
              <tr>
                <td align="right">
                    商品总价: <font color="#ff4e00">￥1815.00</font>  + 配送费用: <font color="#ff4e00">￥15.00</font>
                </td>
              </tr>
              <tr height="70">
                <td align="right">
                	<b style="font-size:14px;">应付款金额：<span  class="sp" style="font-size:22px; color:#ff4e00;">￥2899</span></b>
                </td>
              </tr>
              <tr height="70">
                <td align="right"><a onclick="goThree()"><img src="images/btn_sure.gif" /></a></td>
              </tr>
            </table>
        </div>
    </div>
	<!--End 第二步：确认订单信息 End-->


    <!--Begin Footer Begin -->
    <div class="foot2">

    </div>

    <div class="foot1">

    </div>
    <!--End Footer End -->
</div>

</body>
<script>
    jQuery.noConflict();

    jQuery(function () {
        addhead1();
        addhead2();
        addfoot1();
        addfoot2();
        addmenu_r();
        getClassify();

        //分类列表的显示
        jQuery(".leftNav ul li").hover(
                function(){
                    jQuery(this).find(".fj").addClass("nuw");
                    jQuery(this).find(".zj").show();
                }
                ,
                function(){
                    jQuery(this).find(".fj").removeClass("nuw");
                    jQuery(this).find(".zj").hide();
                }
        )
        //给支付方式绑定点击事件
        jQuery(".pay").find("li").live("click",function () {
            jQuery(this).attr("class","checked");
            jQuery(this).siblings().attr("class","");
        });
        //给商品选定绑定点击事件
        jQuery(".car_tab1").find("tbody").find("input").live("click",function () {
         jQuery(this).toggle(function () {
         var subtotal=jQuery(this).parent().siblings()[3].innerHTML;
         var sub=subtotal.substr(1,subtotal.length-1)
         //获取原来的付款金额
             var a=jQuery(".car_tab1").find("tbody").find("tr").last().find("b")[0].innerHTML;
         jQuery(".car_tab1").find("tbody").find("tr").last().find("b")[0].innerHTML='￥'+(parseInt(a.substr(1,a.length-1))+parseInt(sub));
        //获取原来底部金额的内容
             var v=jQuery(".two_bg").find("table").find("font")[0].innerHTML;
             jQuery(".two_bg").find("table").find("font")[0].innerHTML='￥'+(parseInt(v.substr(1,v.length-1))+parseInt(sub));
         //获取原来应付款金额
             var b=jQuery(".sp")[0].innerHTML;
             jQuery(".sp")[0].innerHTML='￥'+(parseInt(b.substr(1,b.length-1))+parseInt(sub));
             //改变标识
             jQuery(this).attr("value","取消");
             jQuery(this).siblings()[0].setAttribute("class","Pchecked");
         },function () {
         var subtotal=jQuery(this).parent().siblings()[3].innerHTML;
         var sub=subtotal.substr(1,subtotal.length-1);
         //获取原来的金额
         var ordtotal=jQuery(".car_tab1").find("tbody").find("tr").last().find("b")[0].innerHTML;
         jQuery(".car_tab1").find("tbody").find("tr").last().find("b")[0].innerHTML='￥'+(parseInt(ordtotal.substr(1,ordtotal.length-1))-parseInt(sub));

             //获取原来底部金额的内容
             var v=jQuery(".two_bg").find("table").find("font")[0].innerHTML;
             jQuery(".two_bg").find("table").find("font")[0].innerHTML='￥'+(parseInt(v.substr(1,v.length-1))-parseInt(sub));
             //获取原来应付款金额
             var b=jQuery(".sp")[0].innerHTML;
             jQuery(".sp")[0].innerHTML='￥'+(parseInt(b.substr(1,b.length-1))-parseInt(sub));
             //改变标识
             jQuery(this).attr("value","结算");
             jQuery(this).siblings()[0].setAttribute("class","unPchecked");
         });
            jQuery(this).trigger('click');
         });

    });

    //获得包含的页面head1
    function addhead1(){
        jQuery.ajax({
            url:"/head1.html",
            dataType:"html",
            success:function (head1) {
                jQuery(".head1").html(head1);
            }
        });
    }

    //获得包含页面head2
    function addhead2(){
        jQuery.ajax({
            url:"/head2.html",
            dataType:"html",
            success:function (head2) {
                jQuery(".head2").html(head2);
            }
        });
    }

    //获得包含页面foot1
    function addfoot1(){
        jQuery.ajax({
            url:"/foot1.html",
            dataType:"html",
            success:function (foot1) {
                jQuery(".foot1").html(foot1);
            }
        });
    }

    //获得包含页面foot2
    function addfoot2(){
        jQuery.ajax({
            url:"/foot2.html",
            dataType:"html",
            success:function (foot2) {
                jQuery(".foot2").html(foot2);
            }
        });
    }
    //获得商品列表分类
    function addmenu_r(){
        jQuery.ajax({
            url:"/menu_r.html",
            dataType:"html",
            success:function (menu_r) {
                jQuery(".menu_r").html(menu_r);
            },
            error:function () {
                alert("回调失败！")
            }
        });
    }
</script>
<script type="text/javascript" src="js/BuyCar_Two.js"></script>
<script type="text/javascript" src="js/indexCategorys.js"></script>
<!--[if IE 6]>
<![endif]-->
</html>