jquery实现 购物车 信息 级联改变
来源:互联网 发布:淘宝每时每刻沙特代购 编辑:程序博客网 时间:2024/06/14 06:49
- <!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" />
- <title>jQuery</title>
- <link rel="stylesheet" type="text/css" href="style.css" />
- <script src="http://www.google.com/jsapi" type="text/javascript"></script>
- <script type="text/javascript">
- google.load("jquery", "1.2.6");
- </script>
- <script type="text/javascript" src="order.js"></script>
- </head>
- <body>
- <table id="order-table">
- <tr>
- <th>Product Name</th>
- <th>Quantity</th>
- <th>X</th>
- <th>Unit Price</th>
- <th>=</th>
- <th style="text-align: right;">Totals</th>
- </tr>
- <tr class="odd">
- <td class="product-title">www.corange.cn<em></em></td>
- <td class="num-pallets">
- <input type="text" class="num-pallets-input"id="turface-pro-league-num-pallets">
- </input>
- </td>
- <td class="times">X</td>
- <td class="price-per-pallet">$<span>340</span></td>
- <td class="equals">=</td>
- <td class="row-total">
- <input type="text" class="row-total-input"id="turface-pro-league-row-total"disabled="disabled">
- </input>
- </td>
- </tr>
- <tr class="even">
- <td class="product-title"><p>Turface® Pro League Red -<em>Calcined Clay Top Dressinged</em></p>
- <p> </p></td>
- <td class="num-pallets">
- <input type="text" class="num-pallets-input"id="turface-pro-league-red-num-pallets">
- </input>
- </td>
- <td class="times">X</td>
- <td class="price-per-pallet">$<span>455</span></td>
- <td class="equals">=</td>
- <td class="row-total">
- <input type="text" class="row-total-input"id="turface-pro-league-red-row-total"disabled="disabled">
- </input>
- </td>
- </tr>
- <tr class="odd">
- <td class="product-title">Turface® Quick Dry -<em>Calcined Clay Moisture Absorbent</em></td>
- <td class="num-pallets">
- <input type="text" class="num-pallets-input"id="turface-quick-dry-num-pallets">
- </input>
- </td>
- <td class="times">X</td>
- <td class="price-per-pallet">$<span>100</span></td>
- <td class="equals">=</td>
- <td class="row-total">
- <input type="text" class="row-total-input"id="turface-quick-dry-row-total"disabled="disabled">
- </input>
- </td>
- </tr>
- <tr class="even">
- <td class="product-title">Turface® Mound Clay Red -<em>Virgin Red Clay</em></td>
- <td class="num-pallets">
- <input type="text" class="num-pallets-input"id="turface-mound-clay-red-num-pallets">
- </input>
- </td>
- <td class="times">X</td>
- <td class="price-per-pallet">$<span>40</span></td>
- <td class="equals">=</td>
- <td class="row-total">
- <input type="text" class="row-total-input"id="turface-mound-clay-red-row-total"disabled="disabled">
- </input>
- </td>
- </tr>
- <tr class="odd">
- <td class="product-title">Red Infield Conditioner -<em>Vitrified Clay Top Dressing</em></td>
- <td class="num-pallets">
- <input type="text" class="num-pallets-input"id="diamond-pro-red-num-pallets">
- </input>
- </td>
- <td class="times">X</td>
- <td class="price-per-pallet">$<span>35</span></td>
- <td class="equals">=</td>
- <td class="row-total">
- <input type="text" class="row-total-input"id="diamond-pro-red-row-total"disabled="disabled">
- </input>
- </td>
- </tr>
- <tr class="even">
- <td class="product-title">Drying Agent -<em>Calcined Clay Moisture Absorbent</em></td>
- <td class="num-pallets">
- <input type="text" class="num-pallets-input"id="diamond-pro-drying-agent-num-pallets">
- </input>
- </td>
- <td class="times">X</td>
- <td class="price-per-pallet">$<span>340</span></td>
- <td class="equals">=</td>
- <td class="row-total">
- <input type="text" class="row-total-input"id="diamond-pro-drying-agent-row-total"disabled="disabled">
- </input>
- </td>
- </tr>
- <tr class="odd">
- <td class="product-title">Professional -<em>Calcined Clay Top Dressing</em></td>
- <td class="num-pallets">
- <input type="text" class="num-pallets-input"id="diamond-pro-professional-num-pallets">
- </input>
- </td>
- <td class="times">X</td>
- <td class="price-per-pallet">$<span>75</span></td>
- <td class="equals">=</td>
- <td class="row-total">
- <input type="text" class="row-total-input"id="diamond-pro-professional-row-total"disabled="disabled">
- </input>
- </td>
- </tr>
- <tr class="even">
- <td class="product-title">Top Dressing -<em>Calcined Clay Soil Conditioner</em></td>
- <td class="num-pallets">
- <input type="text" class="num-pallets-input"id="diamond-pro-top-dressing-num-pallets">
- </input>
- </td>
- <td class="times">X</td>
- <td class="price-per-pallet">$<span>30</span></td>
- <td class="equals">=</td>
- <td class="row-total">
- <input type="text" class="row-total-input"id="diamond-pro-top-dressing-row-total"disabled="disabled">
- </input>
- </td>
- </tr>
- <tr>
- <td colspan="6" style="text-align: right;"> Product SUBTOTAL:
- <input type="text" class="total-box"id="product-subtotal"disabled="disabled">
- </input>
- </td>
- </tr>
- </table>
- </body>
- </html>
- jquery实现 购物车 信息 级联改变
- jquery实现 购物车 信息 级联改变
- 购物车Jquery的实现
- jQuery实现购物车功能
- jQuery实现购物车结算
- JQuery实现购物车功能.
- jQuery实现级联下拉
- Jquery省市级联实现
- jQuery实现级联加载
- jQuery-级联表实现
- jquery来实现的添加商品和减少商品数量,用于购物车等实时改变价格
- jQuery实现购物车表单自动结算
- jQuery实现购物车数字加减效果
- jquery实现购物车飞入效果
- jQuery实现动态购物车效果
- 利用jQuery实现购物车功能
- jquery用ajax实现级联
- Jquery Ajax 提交 级联实现
- 理解xib(nib)、File’s Owner、First Responder、outlet、action等概念
- 两个单例小程序
- QFileInfo类笔记
- AngularJS 学习 (一)Start
- 垂直搜索采集系统总结(上)
- jquery实现 购物车 信息 级联改变
- 通用sql分页存储过程
- iphone ipad 设置应用图标
- ASP.NET生成树形显示的GridView
- 纵向二级导航
-
- linux共享库的使用
- 研究表明Mozilla在用户隐私方面是最值得信赖的互联网公司
- Inserting Sort (插入排序)