web如何实现批量购买勾选的同时显示合计数

这篇文章将为大家详细讲解有关web如何实现批量购买勾选的同时显示合计数,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

10年积累的成都网站设计、成都网站建设经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计后付款的网站建设流程,更有隆林免费网站建设让你可以放心的选择与我们合作。

在做批量购买时,我们需要点选需要的商品,然后点批量购买。

每一次点选,下面立即计算出合计的数量和金额。

主要代码如下:

1,2图为 后台设置管理权限,勾选时的代码。可略过。


   
   
   
      {$vc['classname']}
      
      
         {$vo.title}
      
      
   
   
$(function(){
   $("#selected").click(function(){
      $("input[name='rules[]']").each(function(){
         $(this).prop('checked', true);
      });
   });
   $("#cancel").click(function(){
      $("input[name='rules[]']").each(function(){
         $(this).prop('checked', false);
      });
   });
});

---

这是批量购买。。



   
      {$key+1}
   
   {$vo.username}
   {$vo.price}
   {$vo.num}
   {$vo.addtime|date="Y-m-d H:i:s",###}
   {$vo.pricenum}
   
      
   
   $vo['id']))}" class="action">购买

$("#checkall").click(function(){
           $("input[name='oid[]']").each(function(){
               this.checked = true;
           });
      docal();
   });

       $("#checkallno").click(function(){
           $("input[name='oid[]']").each(function(){
               this.checked = false;
           });
           $('#total_pv').html('0');
           $('#total_dg').html('0');

       });

       // 计算
       function docal(){
           var formData = $('#ajaxForm').serialize();

           // jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)
           $.ajax({
               type: 'POST',
               url: "{:U('Points/docal')}",
               data: formData,
               dataType: 'json',
               success: function(re){
                   if(re.code == 1){
                       // 返回总数量,总金额
                       // layer.alert(re.cal.num);
                       $('#total_pv').html(re.cal.num);
                       $('#total_dg').html(re.cal.usedgcash);
                   }
               },
               error:function(){
                   layer.alert('error');
               }
           });
           return false;

   }

       // 当选择框被点选取时。
       $("input[id*='oid']").change(function() {
           /*alert($(this).attr("id"));
           alert($(this).val());*/
      docal();
       });

   $(".action").click(function(){
      var buyLink=$(this).attr("link"),$this = $(this);

      layer.confirm('你确定要购买吗?',{title:'操作提示'}, function(index){
         $.post(buyLink,function(data){
            if(data.code == 1){
               layer.alert(data.message, function(){
                  window.location.reload();
               });
            }else{
               layer.alert(data.message);
            }
         });
         layer.close(index);
      });
   });
});

主要是这个 change,找了很久哇。

关于“web如何实现批量购买勾选的同时显示合计数”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


本文题目:web如何实现批量购买勾选的同时显示合计数
文章URL:http://azwzsj.com/article/gpeish.html

其他资讯