码迷,mamicode.com
首页 > 移动开发 > 详细

appcan 多个列表购物车加减数量例子

时间:2015-06-08 15:18:07      阅读:487      评论:0      收藏:0      [点我收藏+]

标签:多个列表 购物车 加减数量

html代码如下:

  <div class="uinn4 white" id="listview"> 

   <ul> 

   <!--------列表循环---->

    <li class="ubb ub bc-border t-bla ub-ac lis" data-index="0"> 

     <div class="checkbox umar-r"> 

      <input type="checkbox" class="uabs ub-con" /> 

     </div> 

     <ul class="ub ub ub-ver"> 

      <li class=""> 

       <div class="lis-icon ub-img" style="background-image:url(images/shopping_list.png)"></div> 

       <div class="ulev-1 bc-text umar-t"></div></li> 

     </ul> 

     <ul class="ub-f1 ub ub-pj ub-ac"> 

      <ul class="ub-f1 ub ub-ver marg-l"> 

       <li class="bc-text ub ub-ver ut-m line1"><span class="pro_name">联想笔记本</span><br />规格:<span class="code">Y430P</span><br />积分值:<span class="red jifen">28800</span></li> 

       <li class="ulev-1 sc-text1 uinn3"> 

        <div class="ub ub-ac"> 

         <div class="ub-f1 t-gra3 ulev-3">

           数量 

         </div> 

         <div class="ub ub-f3"> 

          <div class="minus uwh-pSC1 tx-c uba bc-border uc-a-app1 t-bla mar-ar1">

            - 

          </div> 

          <div class="uba uc-a-app1 bc-border uinput uwh-pSC1 mar-ar1 c-wh"> 

           <input value="1" type="text" class="uinn-pSC3 t-bla tx-c" /> 

          </div> 

          <div class="plus uwh-pSC1 tx-c uba bc-border uc-a-app1 t-bla">

            + 

          </div> 

         </div> 

        </div> </li> 

      </ul> 

     </ul></li>

     <!-------列表循环结束----->

   </ul>

  </div>



对于这种多个要更改多个input的值,可以用this的值来获取到相应的input。


加:

$(".plus").click(function(){ 

var t=$(this).parent().find(‘input.tx-c‘); 

t.val(parseInt(t.val())+1); 

//setTotal(); 

}) 


减:

$(".minus").click(function(){ 

var t=$(this).parent().find(‘input.tx-c‘); 

t.val(parseInt(t.val())-1) 

if(parseInt(t.val())<0){ 

t.val(0); 

alert("数量已经是0");

//setTotal(); 

}) 



计算总金额:

/*function setTotal(){ 

var s=0; 

$("#listview li.lis").each(function(){ 

s+=parseInt($(this).find(‘input.tx-c‘).val())*parseFloat($(this).find(‘span.jifen]‘).text()); 

}); 

$("#total").html(s.toFixed(2)); 

setTotal(); 


appcan 多个列表购物车加减数量例子

标签:多个列表 购物车 加减数量

原文地址:http://10145212.blog.51cto.com/10135212/1659559

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!