項目功能積累

1.購物車功能

 1 /*
 2  *.carcheck    爲input複選框
 3  * .text_box爲數量
 4  * #sum        爲總件數
 5  * #shuliang爲總數量
 6  * */
 7 var num=1;
 8             //複選框
 9             $('.carcheck').click(function(){
10                 GetCounts();
11             });
12             //加數量
13             $('.add').bind("click",function(){
14                     var num=$(this).siblings('.text_box').val();
15                     num++;
16                     $(this).siblings('.text_box').val(num);
17                     GetCounts();
18             });
19             //減數量
20             $('.min').off("click").on("click",function(){
21                 var num=$(this).siblings('.text_box').val();
22                 num--;
23                 if(num<1){
24                     num=1
25                 }
26                 $(this).siblings('.text_box').val(num);
27                 GetCounts();
28             });
29             //輸出
30             function GetCounts(){
31                 var conts = 0;
32                 var aa = 0;
33                 $(".carcheck").each(function () {
34                     if ($(this).prop('checked')) {
35                         for (var i = 0; i < $(this).length; i++) {
36                             conts += parseInt($(this).parent().siblings('.addmin').find('input[class*=text_box]').val());
37                             aa += 1;
38                         }
39                     }
40                 })
41                 $("#sum").text(aa);
42                 $("#shuliang").html((conts).toFixed(2));
43             }