本篇文章為大家展示了使用jQuery實現通過購物車功能,內容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。
創新互聯建站2013年至今,先為通榆等服務建站,通榆等地企業,進行企業商務咨詢服務。為通榆企業網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。HTML代碼
<body> <div id="goodsStore"> <table> <caption>儲 物 倉</caption> <thead> <tr> <td>商品編號</td> <td>商品名稱</td> <td>商品單價</td> <td>商品顏色</td> <td>商品庫存</td> <td>操作</td> </tr> </thead> <tbody> <tr> <td>2018090201</td> <td>鼠標</td> <td>78</td> <td>黑色</td> <td>500</td> <td> <input type="button" value="加入購物車" onclick="addGoods(this);" /> </td> </tr> <tr> <td>2018090202</td> <td>鍵盤</td> <td>45</td> <td>白色</td> <td>300</td> <td> <input type="button" value="加入購物車" onclick="addGoods(this);" /> </td> </tr> <tr> <td>2018090203</td> <td>顯示器</td> <td>880</td> <td>黑色</td> <td>200</td> <td> <input type="button" value="加入購物車" onclick="addGoods(this);" /> </td> </tr> <tr> <td>2018090204</td> <td>主機</td> <td>2332</td> <td>藍色</td> <td>350</td> <td> <input type="button" value="加入購物車" onclick="addGoods(this);" /> </td> </tr> </tbody> </table> </div> <div id="goodsPay"> <table> <caption>購 物 車</caption> <thead> <tr> <td>商品編號</td> <td>商品名稱</td> <td>商品單價</td> <td>商品顏色</td> <td>購買數量</td> <td>單項小計</td> <td>操作</td> </tr> </thead> <tbody id="gwc"> </tbody> <tfoot> <tr> <td colspan="5">總計</td> <td colspan="2" id="sum">0</td> </tr> </tfoot> </table> </div> </body>
新聞標題:使用jQuery實現通過購物車功能-創新互聯
文章位置:http://vcdvsql.cn/article46/cdgheg.html
成都網站建設公司_創新互聯,為您提供網站制作、Google、定制開發、響應式網站、小程序開發、網站維護
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯