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>
  • 相关阅读:
    JVM 综述
    看 Netty 在 Dubbo 中如何应用
    Netty 心跳服务之 IdleStateHandler 源码分析
    Netty 高性能之道
    Netty 解码器抽象父类 ByteToMessageDecoder 源码解析
    Netty 源码剖析之 unSafe.write 方法
    Netty 出站缓冲区 ChannelOutboundBuffer 源码解析（isWritable 属性的重要性）
    Netty 源码剖析之 unSafe.read 方法
    Netty 内存回收之 noCleaner 策略
    Netty 源码阅读的思考------耗时业务到底该如何处理
  • 原文地址：https://www.cnblogs.com/bjanzhuo/p/3576095.html
Copyright © 2011-2022 走看看