jQuery购物车自动计算金额表单.zip资源-CSDN文库

共5个文件

js：2个

html：1个

css：1个

版权申诉

45 浏览量 2022-11-21 11:31:45 上传评论收藏 79KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery购物车自动计算金额表单.zip （5个子文件）

jQuery购物车自动计算金额表单

jQuery购物车自动计算金额表单.jpg 61KB

jiaoben1953

index.html 6KB

jquery-1.4.2.min.js 78KB

order.js 2KB

style.css 989B

<!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 type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/order.js"></script> </head> <body> <h1>jQuery购物车自动计算金额表单</h1> <table id="order-table"> <tr> <th>商品名称</th> <th>数量</th> <th>X</th> <th>单价</th> <th>=</th> <th style="text-align: right;">总计</th> </tr> <tr class="odd"> <td class="product-title">Turface® Pro League - <em>Calcined Clay Top Dressing</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">Turface® Pro League Red - <em>Calcined Clay Top Dressing</em></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>300</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>410</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">Diamond Pro® 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>365</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">Diamond Pro® 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">Diamond Pro® 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>375</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">Diamond Pro® 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>340</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;">产品小计: <input type="text" class="total-box" id="product-subtotal" disabled="disabled"></input> </td> </tr> </table> <table id="shipping-table"> <tr> <th>总数量.</th> <th>X</th> <th>运费</th> <th>=</th> <th style="text-align: right;">总运费</th> </tr> <tr> <td id="total-pallets"> <input id="total-pallets-input" type="text" disabled="disabled"></input> </td> <td>X</td> <td id="shipping-rate">10.00</td> <td>=</td> <td style="text-align: right;"> <input type="text" class="total-box" id="shipping-subtotal" disabled="disabled"></input> </td> </tr> </table> <div class="clear"></div> <div style="text-align:right;"> <span>订单总额: </span> <input type="text" class="total-box" id="order-total" disabled="disabled"></input> <br /> <input type="submit" value="提交结账" class="submit" /> </div> <div style="text-align:center;clear:both"> <p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p> <p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉