zoukankan      html  css  js  c++  java

  • 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>
  • 相关阅读:
    jupyter notebook代码添加行号（菜单中点击view后没有toggle line numbers选项）
    深度学习：tensorflow中激励函数的实现
    深度学习：padding、卷积、stride的计算
    深度学习：mAP(mean average precision)
    java实现桶排序
    java 数组实现队列和栈
    五步学习法
    技术团队组织架构
    Redis的高可用：哨兵和集群
    Redis限流的实现方式有3种
  • 原文地址：https://www.cnblogs.com/bjanzhuo/p/3576095.html
Copyright © 2011-2022 走看看