首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

求帮修改代码。不知道如何设置购物车的加减方法,可以使加减不冲突

2014-01-03 
求帮修改代码。不知道怎么设置购物车的加减方法,可以使加减不冲突!doctype htmlhtmlhead!DOCTYPE ht

求帮修改代码。不知道怎么设置购物车的加减方法,可以使加减不冲突

<!doctype html>
<html>
<head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta charset="UTF-8">
<title></title>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> 
<meta content="yes" name="apple-mobile-web-app-capable"> 
<meta content="black" name="apple-mobile-web-app-status-bar-style"> 
<meta content="telephone=no" name="format-detection"> 
<meta name="Description" content="生活更轻松">
<link href="css/base.css" rel="stylesheet" type="text/css">
<link href="css/content.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery.js"></script>
<script>
function selectall3() 

   var a = document.getElementsByTagName("input"); 
   for (var i=0; i<a.length; i++) 
      if (a[i].type == "checkbox") a[i].checked =!a[i].checked; 
  } 
</script>
<script>
$(function(){
  var t = $("#text_box");
  $("#add").click(function(){   
    t.val(parseInt(t.val())+1)
    setTotal();
  })
  $("#min").click(function(){
    t.val(parseInt(t.val())-1)
    setTotal();
  })
  function setTotal(){
    $("#total").html((parseInt(t.val())*3.95).toFixed(2));
  }
  setTotal();
})
</script>
</head>

<body>
<!--头部 开始-->
   <section>
    <div id="header_wd">
     <div class="c-inav">
      <section><div class="btn_back_l"><a href="http://m.jianke.com"><span></span></a></div></section>
      <section><span>订单确认</span></section>
      <section id="navlist" class="navlist"><img src="images/nav_03.jpg"  width="28" height="28"></section>
     </div>
    </div>
    <div id="navboxwrap">
    <!-- #include file="/include/mjianke/topnav.html" -->   
    </div>
<script>
    $(document).ready(function () {
       $("#navlist").toggle(function () { $("#navbox").addClass("navboxshow"); }, function () { $("#navbox").removeClass("navboxshow"); },2000);
    });
    </script>

   </section>

<div id="personal">
<div class="xg2">

<div class="shoppingc_head underline2">
<span class="fl span_con span_left marl20 ">共&nbsp;<span class="red">2</span>&nbsp;件商品</span>
<a href="#" onclick="javascript:selectall3()" name=All><div class="bor_radius alls fl border_2 shadebg">全选</div></a>
</div>

<div class="mart15">
<div class="shoppinglist bor_radius border_2 t_a_l">  
<div class="list_l fl rel">
<div id="holder" class="cart_dw">
  <input type="checkbox" id="checkbox-2-2" class="regular-checkbox big-checkbox" /><label for="checkbox-2-2"></label></div>
<a href="#"><img src="images/waitpain_03.gif" width="14" height="16" class="imgdel_dw"></a>
</div>
<div class="list_c fl bor_radius border_2 rel"><img src="images/waitpain_07.jpg" width="35" height="52" class="imglist_dw"></div>
<div class="list_r fl fn12 rel">
<p>渔夫堡牌胶原蛋白维C粉<br />
规格:2.5g*20袋<br />
<span class="del_line">市场价:¥1700</span><br />
<span class="red">健客价:¥1700</span><br /></p>
数量:
<div class="jj_btn">
<a href="javascript:void(0);" id="min"><div class="fl cir_btn border_2">-</div></a>
<input id="text_box" name="" type="text" value="1" class="fl jj_text"/>
<a href="#" id="add"><div class="fl cir_btn border_2">+</div></a>
</div></div>
<div class="clearfix"></div>
</div>
</div>


<div class="shoppinglist bor_radius border_2 t_a_l">  
<div class="list_l fl rel">
<div id="holder" class="cart_dw"><input type="checkbox" id="checkbox-2-1" class="regular-checkbox big-checkbox" /><label for="checkbox-2-1"></label></div>


<a href="#"><img src="images/waitpain_03.gif" width="14" height="16" class="imgdel_dw"></a>
</div>
<div class="list_c fl bor_radius border_2 rel"><img src="images/waitpain_07.jpg" width="35" height="52" class="imglist_dw"></div>
<div class="list_r fl fn12 rel">
<p>渔夫堡牌胶原蛋白维C粉<br />
规格:2.5g*20袋<br />
<span class="del_line">市场价:¥1700</span><br />
<span class="red">健客价:¥1700</span><br /></p>
数量:
<div class="jj_btn" >
<a href="#" id="min" ><div class="fl cir_btn border_2">-</div></a>
<input id="text_box" name="" type="text" value="1" class="fl jj_text"/>
<a href="#" id="add" ><div class="fl cir_btn border_2">+</div></a>
</div></div>
<div class="clearfix"></div>
</div>



<div class="price_detial t_a_l">
<p>已选择<span class="red">3</span>件商品<br />
价  格:&yen;15.00<br />
优  惠:&yen;0.00<br />
合  计:&yen;<span class="red">280.00</span></p>
</div>
<div class="btn9">
<a href="#" >
<span class="con_btn bg_color fl bor_radius4 fn16 white">结&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;算</span>
</a>
</div>
<div class="btn9">
<a href="#" >
<span class="con_btn fl bor_radius4 fn16 border_2">继续购物</span>
</a>
</div>


</div>
</div>
<footer></footer>
</body>
</html>


[解决办法]

<a href="javascript:void(0);" class="min"><div class="fl cir_btn border_2">-</div></a>
<input class="text_box" name="" type="text" value="1" class="fl jj_text"/>
<a href="#" class="add"><div class="fl cir_btn border_2">+</div></a>


  $(".add").click(function(){
    var t = $(this).parent().find(".text_box");
    t.val(parseInt(t.val())+1)
    setTotal();
  })
  $(".min").click(function(){
    var t = $(this).parent().find(".text_box")
    t.val(parseInt(t.val())-1)
    setTotal();
  })

[解决办法]
$(document).on('click','.add',function(){})

热点排行