项目功能积累

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             }

 

 

posted @ 2017-06-09 11:16  米琦米琦  阅读(178)  评论(0)  编辑  收藏  举报