点石互动

导航

 
jquery实现 购物车 信息 级联改变
Html代码 复制代码 收藏代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title>jQuery</title>
  6. <link rel="stylesheet" type="text/css" href="style.css" />
  7. <script src="http://www.google.com/jsapi" type="text/javascript"></script>
  8. <script type="text/javascript">
  9. google.load("jquery", "1.2.6");
  10. </script>
  11. <script type="text/javascript" src="order.js"></script>
  12. </head>
  13. <body>
  14. <table id="order-table">
  15. <tr>
  16. <th>Product Name</th>
  17. <th>Quantity</th>
  18. <th>X</th>
  19. <th>Unit Price</th>
  20. <th>=</th>
  21. <th style="text-align: right;">Totals</th>
  22. </tr>
  23. <tr class="odd">
  24. <td class="product-title">www.corange.cn<em></em></td>
  25. <td class="num-pallets">
  26. <input type="text" class="num-pallets-input" id="turface-pro-league-num-pallets" >
  27. </input>
  28. </td>
  29. <td class="times">X</td>
  30. <td class="price-per-pallet">$<span>340</span></td>
  31. <td class="equals">=</td>
  32. <td class="row-total">
  33. <input type="text" class="row-total-input" id="turface-pro-league-row-total" disabled="disabled">
  34. </input>
  35. </td>
  36. </tr>
  37. <tr class="even">
  38. <td class="product-title"><p>Turface&reg; Pro League Red - <em>Calcined Clay Top Dressinged</em></p>
  39. <p>&nbsp;</p></td>
  40. <td class="num-pallets">
  41. <input type="text" class="num-pallets-input" id="turface-pro-league-red-num-pallets">
  42. </input>
  43. </td>
  44. <td class="times">X</td>
  45. <td class="price-per-pallet">$<span>455</span></td>
  46. <td class="equals">=</td>
  47. <td class="row-total">
  48. <input type="text" class="row-total-input" id="turface-pro-league-red-row-total" disabled="disabled">
  49. </input>
  50. </td>
  51. </tr>
  52. <tr class="odd">
  53. <td class="product-title">Turface&reg; Quick Dry - <em>Calcined Clay Moisture Absorbent</em></td>
  54. <td class="num-pallets">
  55. <input type="text" class="num-pallets-input" id="turface-quick-dry-num-pallets" >
  56. </input>
  57. </td>
  58. <td class="times">X</td>
  59. <td class="price-per-pallet">$<span>100</span></td>
  60. <td class="equals">=</td>
  61. <td class="row-total">
  62. <input type="text" class="row-total-input" id="turface-quick-dry-row-total" disabled="disabled">
  63. </input>
  64. </td>
  65. </tr>
  66. <tr class="even">
  67. <td class="product-title">Turface&reg; Mound Clay Red - <em>Virgin Red Clay</em></td>
  68. <td class="num-pallets">
  69. <input type="text" class="num-pallets-input" id="turface-mound-clay-red-num-pallets">
  70. </input>
  71. </td>
  72. <td class="times">X</td>
  73. <td class="price-per-pallet">$<span>40</span></td>
  74. <td class="equals">=</td>
  75. <td class="row-total">
  76. <input type="text" class="row-total-input" id="turface-mound-clay-red-row-total" disabled="disabled">
  77. </input>
  78. </td>
  79. </tr>
  80. <tr class="odd">
  81. <td class="product-title">Red Infield Conditioner - <em>Vitrified Clay Top Dressing</em></td>
  82. <td class="num-pallets">
  83. <input type="text" class="num-pallets-input" id="diamond-pro-red-num-pallets" >
  84. </input>
  85. </td>
  86. <td class="times">X</td>
  87. <td class="price-per-pallet">$<span>35</span></td>
  88. <td class="equals">=</td>
  89. <td class="row-total">
  90. <input type="text" class="row-total-input" id="diamond-pro-red-row-total" disabled="disabled">
  91. </input>
  92. </td>
  93. </tr>
  94. <tr class="even">
  95. <td class="product-title">Drying Agent - <em>Calcined Clay Moisture Absorbent</em></td>
  96. <td class="num-pallets">
  97. <input type="text" class="num-pallets-input" id="diamond-pro-drying-agent-num-pallets">
  98. </input>
  99. </td>
  100. <td class="times">X</td>
  101. <td class="price-per-pallet">$<span>340</span></td>
  102. <td class="equals">=</td>
  103. <td class="row-total">
  104. <input type="text" class="row-total-input" id="diamond-pro-drying-agent-row-total" disabled="disabled">
  105. </input>
  106. </td>
  107. </tr>
  108. <tr class="odd">
  109. <td class="product-title">Professional - <em>Calcined Clay Top Dressing</em></td>
  110. <td class="num-pallets">
  111. <input type="text" class="num-pallets-input" id="diamond-pro-professional-num-pallets" >
  112. </input>
  113. </td>
  114. <td class="times">X</td>
  115. <td class="price-per-pallet">$<span>75</span></td>
  116. <td class="equals">=</td>
  117. <td class="row-total">
  118. <input type="text" class="row-total-input" id="diamond-pro-professional-row-total" disabled="disabled">
  119. </input>
  120. </td>
  121. </tr>
  122. <tr class="even">
  123. <td class="product-title">Top Dressing - <em>Calcined Clay Soil Conditioner</em></td>
  124. <td class="num-pallets">
  125. <input type="text" class="num-pallets-input" id="diamond-pro-top-dressing-num-pallets">
  126. </input>
  127. </td>
  128. <td class="times">X</td>
  129. <td class="price-per-pallet">$<span>30</span></td>
  130. <td class="equals">=</td>
  131. <td class="row-total">
  132. <input type="text" class="row-total-input" id="diamond-pro-top-dressing-row-total" disabled="disabled">
  133. </input>
  134. </td>
  135. </tr>
  136. <tr>
  137. <td colspan="6" style="text-align: right;"> Product SUBTOTAL:
  138. <input type="text" class="total-box" id="product-subtotal" disabled="disabled">
  139. </input>
  140. </td>
  141. </tr>
  142. </table>
  143. </body>
  144. </html>
posted on 2013-02-06 16:55  点石互动  阅读(123)  评论(0)  编辑  收藏  举报
 
Powered by:
博客园
Copyright © 2024 点石互动
Powered by .NET 8.0 on Kubernetes