導讀:DEDE技術DEDE技術dedecms商城功能，有很多用戶體驗并完善，需要進一步開發，增加了下圖的幾個功能：增加商品js全選功能；js自動增加減數量功能（也可手動輸入數量）；對應的自定織夢手機模板織夢后臺模板。

dedecms商城功能，有很多用戶體驗并完善，需要進一步開發，增加了下圖的幾個功能：增加商品js全選功能；js自動增加減數量功能（也可手動輸入數量）；對應的自定義字段（如服裝行業的尺碼）；去除購物車更新數量；更改訂單號等。

1.JS商品全選功能

       用代碼編輯器打開/templets/plus/car.htm，在<head/>之前增加，

<script language="javascript" type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jquery1.42.min.js"></script><!--引入jquery,文件放在在默認模板的js目錄下--> <!--全選s--> <script type="text/javascript"> function selectGroup(checkbox,obj) { $('input[name='+obj+']').attr('checked', $(checkbox).attr('checked')); } </script> <!--全選e-->

       找到下面代碼，大概在54行，按指定位置增加

<!--以下列出購物車內購商品列表(數組),開始遍歷數組--> <tr> <th width="23"><input type="checkbox" onclick="selectGroup(this,'ids[]');"/>選擇</th> <th width="23"織夢文章模板;>編號</th>

2.JS自動增加減，統計購物數量及商品總價

<!--js加減s--> <script type="text/javascript"> $(function(){ $(".add").click(function(){ var t=$(this).parent().find('input[class*=text_box]'); t.val(parseInt(t.val())+1) setTotal(); }) $(".min").click(function(){ var t=$(this).parent().find('input[class*=text_box]'); t.val(parseInt(t.val())-1) if(parseInt(t.val())<0){ t.val(0); } setTotal(); }) function setTotal(){ var s=0; $("#tab .jg").each(function(){ s+=parseInt($(this).find('input[class*=text_box]').val())*parseFloat($(this).find('span[class*=price]').text()); }); var Num=0; $("#tab .jg").each(function(){ Num+=parseInt($(this).find('input[class*=text_box]').val()); }); $("#total").html(s.toFixed(2)); //統計商品總價 $("#Num").html(Num.toFixed(2)); //統計購物數量 } setT手機模板dedeotal(); }) </script> <!--js加減e-->

關鍵詞標簽: CMS 購物車 全選