商城項目-購物車內的東西一鍵購買
阿新 • • 發佈：2018-08-18
type float one doctype set ont 項目 -- 購物
一鍵清空購物車
最近自己在做一個購物網站的小項目,在做到購物車下單的時候遇到了一個小問題,想用復選框來選擇物品,選擇後一鍵快速購買,自己寫代碼琢磨了一下,其實也很簡單,做好了之後寫篇隨筆記錄下來,也希望能幫到其他人.
用 foreach 函數遍歷復選框選擇的數組.
貼代碼:
speed_buy.php
1 <!DOCTYPE html> 2 <!-- 3 實現功能:一鍵快速購買 4 --> 5 <html> 6 <head> 7 <meta charset="utf-8"/> 8 <title>快速購買購物車內的東西</title> 9</head> 10 <style> 11 .body { 12 width: 100%; 13 height: auto; 14 clear: both; 15 background-color: #7a848d; 16 } 17 .car { 18 float: right; 19 width: 90%; 20 height: auto; 21 box-sizing: border-box; 22 background-color: #0affeb; 23 margin-top: 10px; 24 text-align: center; 25 } 26 .buy { 27 width: 50%; 28 height: 30px; 29 border: none; 30 background-color: #7f7f7f; 31 color: white; 32 } 33 .check { 34 float: left; 35 background-color: #00a3f0; 36 width: 10%; 37 height: 30px; 38 margin-top: 20px; 39 } 40 .input_buy { 41 width: 100%; 42 height: 40px; 43 border: none; 44 background-color: #00a3f0; 45 color: white; 46 } 47 </style> 48 <body> 49 <?php 50 $id = 0; 51 //for循環是為了模仿從數據庫拿出不同的商品ID 52 for ($i = 0;$i <= 10;$i++) { 53 $id += 1; 54 ?> 55 <form action="./buy.php" method="post" accept-charset="utf-8"> 56 <div class="body"> 57 <div class="check"> 58 <!--將name賦值為一個數組,將商品ID賦值給value--> 59 <input type="checkbox" name="car[]" value="<?= $id ?>"> 60 </div> 61 <div class="car"> 62 <a>此商品ID為:<?= $id ?></a><br> 63 <input class="buy" type="submit" value="購買"> 64 </div> 65 </div> 66 <?php 67 } 68 ?> 69 <div><input class="input_buy" type="submit" value="一鍵購買"></div> 70 </form> 71 </body> 72 </html>
上面的代碼實現了購物車的界面
buy.php
1 <?php 2 header(‘Content-Type:text/html;charset=utf-8‘); 3 ?> 4 <!DOCTYPE html> 5 <html> 6 <head> 7 <meta charset="utf-8"/> 8 <title>一鍵購買</title> 9 </head> 10 <style> 11 .buy{ 12 width: 100px; 13 height: 100px; 14 text-align: center; 15 background-color: black; 16 color: white; 17 margin: 20px; 18 } 19 </style> 20 <body> 21 <?php 22 $buy=$_REQUEST[‘car‘]; 23 //關鍵位置 24 foreach ($buy as $v) {//遍歷數組簡潔版語法 25 //把下單的php方法寫在foreach裏面就可以實現快速購買 26 ?> 27 <div class="buy"> 28 <a><?=$v?></a> 29 </div> 30 <?php 31 } 32 ?> 33 </body> 34 </html>
配圖:
時間:2018年8月17日21:39:32
商城項目-購物車內的東西一鍵購買