3-购物车.html 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  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>黑龙江昆仑盛和安体检中心</title>
  6. <link rel="stylesheet" type="text/css" href="../style/common.css">
  7. <link rel="stylesheet" type="text/css" href="../style/shop.css">
  8. <!--[if lt IE 9]>
  9. <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
  10. <![endif]--><!--窗口自适应适配低端IE-->
  11. <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  12. </head>
  13. <body>
  14. <div class="bgF4 h32 lh32">
  15. <div class="wp">
  16. <div class="top_z l">昆仑医疗集团</div>
  17. <div class="topWx y">官方微信&nbsp;</div><div class="y"><a href="#" class="mr20 topYy">预约体检</a><a href="#" class="mr20 topBg">报告查询</a></div><div class="y topLogin mr20"><a href="#"><strong>您好!张橙</strong></a><span></span></div>
  18. </div>
  19. </div>
  20. <div class="h60 bgFF pt25 pb40">
  21. <div class="wp h60 positionR">
  22. <div class="logo l"><img src="../style/logo-n.png" /></div>
  23. <div class="Cart y"><!--当购物车大于0时,输出class="Cart y"--><a href="#"><strong class="l">2</strong><span>我的购物车</span></a></div>
  24. <div class="y mr40"><div class="mt10 f12 c999 text-r">服务电话</div><div class="mt10 f14 c666">400-897-9898</div></div>
  25. <div class="y mr40"><div class="mt10 f12 c999 text-r">中心地址</div><div class="mt10 f14 c666">哈尔滨市南岗区学府路239号 / 英伦名邸1A栋</div></div>
  26. <div class="nav wp">
  27. <ul>
  28. <li><a href="#">首页</a></li>
  29. <li><a href="#">体检套餐</a></li>
  30. <li><a href="#">医技检查</a></li>
  31. <li><a href="#">中心专家</a></li>
  32. <li><a href="#">设备介绍</a></li>
  33. </ul>
  34. <div class="search-box">
  35. <div id="search" class="search">
  36. <form>
  37. <input class="search-input" placeholder="查找体检套餐..." type="search" value="" name="search" id="search">
  38. <input class="search-submit" type="submit" value="">
  39. <span class="icon-search"></span>
  40. </form>
  41. </div>
  42. <script src="../js/classie.js"></script>
  43. <script src="../js/uisearch.js"></script>
  44. <script>
  45. new UISearch( document.getElementById( 'search' ) );
  46. </script>
  47. </div>
  48. </div>
  49. </div>
  50. </div>
  51. <div class="wp">
  52. <div class="main bgFF">
  53. <div class="bread-nav"><a href="#" class="index">首页</a><em>/</em><span>我的购物车</span></div>
  54. <!--增加/减少-->
  55. <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  56. <script src="../js/num-alignment.js"></script>
  57. <!--增加/减少-->
  58. <table class="mt20 cart-list" width="100%">
  59. <thead>
  60. <tr>
  61. <td width="30" class="bgF4"></td>
  62. <td class="f12 bgF4 c999">商品</td>
  63. <td width="120" class="f12 bgF4 c999">单价</td>
  64. <td width="160" class="f12 bgF4 c999">数量</td>
  65. <td width="100" class="f12 bgF4 c999">小计</td>
  66. <td width="90" class="f12 bgF4 c999">操作</td>
  67. </tr>
  68. </thead>
  69. <tbody id="j_tb">
  70. <tr>
  71. <td><input type="checkbox" /></td>
  72. <td><a href="###" target="_blank" class="dis-blk mr40"><img src="" class="bor-img w60 h60 l mr5" /><span class="f12 c666">套餐大标题</span></a></td>
  73. <td><span class="f12 c333">¥500</span></td>
  74. <td>
  75. <input id="2" class="alignment" data_step="1" data_min="1" data_max="999" data_digit="0" data_edit="true" value="1" style="width:80px; font-size:12px; color:#333; " />
  76. </td>
  77. <td><strong class="f12 c333">¥1000</strong></td>
  78. <td><a href="####" class="f12 c999">删除</a></td>
  79. </tr>
  80. <tr>
  81. <td><input type="checkbox" /></td>
  82. <td><a href="###" target="_blank" class="dis-blk mr40"><img src="" class="bor-img w60 h60 l mr5" /><span class="f12 c666">阿斯蒂芬阿斯阿斯蒂芬阿斯蒂芬阿斯蒂芬阿斯蒂芬阿斯蒂芬阿斯蒂芬阿斯蒂芬阿斯蒂芬蒂芬</span></a></td>
  83. <td><span class="f12 c333">¥500</span></td>
  84. <td>
  85. <input id="3" class="alignment" data_step="1" data_min="1" data_max="999" data_digit="0" data_edit="true" value="1" style="width:80px; font-size:12px; color:#333; " />
  86. </td>
  87. <td><strong class="f12 c333">¥1000</strong></td>
  88. <td><a href="####" class="f12 c999">删除</a></td>
  89. </tr>
  90. </tbody>
  91. </table>
  92. <div class="cart-list-total bgF4 mt20">
  93. <div class="l"><input name="" type="checkbox" value="" id="j_cbAll" /><label for="j_cbAll" class="f12 c666">全选</label></div>
  94. <button class="y">去结算</button>
  95. <div class="y mr20 f12 lh50">购物车中共计 <strong class="cOrange">2</strong> 样商品,总价<strong class="f14 ml5 cOrange">¥2000</strong></div>
  96. </div>
  97. <!--全选-->
  98. <script>
  99. var all = document.getElementById("j_cbAll");
  100. var tbody = document.getElementById("j_tb");
  101. var checkboxs = tbody.getElementsByTagName("input");
  102. all.onclick = function() {
  103. for (var i = 0; i < checkboxs.length; i++) {
  104. var checkbox = checkboxs[i];
  105. checkbox.checked = this.checked;
  106. }
  107. };
  108. for (var i = 0; i < checkboxs.length; i++) {
  109. checkboxs[i].onclick = function() {
  110. var isCheckedAll = true;
  111. for (var i = 0; i < checkboxs.length; i++) {
  112. if (!checkboxs[i].checked) {
  113. isCheckedAll = false;
  114. break;
  115. }
  116. }
  117. all.checked = isCheckedAll;
  118. };
  119. }
  120. </script>
  121. <!--全选-->
  122. </div>
  123. </div>
  124. <div class="wp">
  125. <div class="links">
  126. <p><strong>友情链接:</strong><a href="####">黑龙江省卫计委</a><a href="####">哈尔滨市卫计委</a></p>
  127. </div>
  128. <table class="footer">
  129. <tr>
  130. <td width="390">
  131. <dl>
  132. <dt>中心介绍</dt>
  133. <dd><a href="#">关于我们</a></dd>
  134. <dd><a href="#">设备介绍</a></dd>
  135. <dd><a href="#">中心专家</a></dd>
  136. </dl>
  137. <dl>
  138. <dt>顾客服务</dt>
  139. <dd><a href="#">预约体检</a></dd>
  140. <dd><a href="#">报告查询</a></dd>
  141. <dd><a href="#">常见问题</a></dd>
  142. </dl>
  143. <dl>
  144. <dt>官方商城</dt>
  145. <dd><a href="#">体检套餐</a></dd>
  146. <dd><a href="#">医技检查</a></dd>
  147. <dd><a href="#">订单查询</a></dd>
  148. </dl>
  149. </td>
  150. <td class="news">
  151. <ul>
  152. <li><a href="####">昆仑盛和安体检中心通过安全消防审查</a></li>
  153. <li><a href="####">全国爱牙日来临之际,昆仑盛和安体检中心诚邀您关爱口腔健康</a></li>
  154. <li><a href="####">昆仑医疗集团妇儿医院成功进行奠基仪式</a></li>
  155. </ul>
  156. </td>
  157. <td width="140">
  158. <div class="wx"><img src="../images/qrcode.png" /><p>官方微信</p></div>
  159. </td>
  160. </tr>
  161. </table>
  162. <div class="lineDDD mt30"></div>
  163. <div class="bottom">
  164. <p><strong>黑龙江昆仑盛和安体检中心</strong></p>
  165. <p>黑ICP备 + 黑公网安备 + 黑卫网审</p>
  166. <p>+ 互联网医疗保健信息服务相关证号 +</p>
  167. <p>信息化支持单位:<a href="http://www.pacsonline.cn" target="_blank">北京中世康恺科技有限公司</a></p>
  168. </div>
  169. </div>
  170. <div class="wxPopup"></div>
  171. </body>
  172. </html>