学做网站培训课程介绍

当前位置:

如何制作商城网站中的商品加减按钮

商城网站中的商品加减按钮在商城网站非常常见,是给用户来增加和减少商品的数量的。效果如下图:

以下就是商城网站中制作商品加减按钮的代码:

HTML代码:


<div class="product_number clearfix">
<em>数量:</em>
<span class="reduce">-</span>
<input type="text" name="AddCount" id="AddCount" value="1">
<span class="add">+</span>
</div>
<div class="product_allprice">
总价:¥ <span id="allprice"><?php echo get_post_meta($post->ID,'xianjia_value',true);?></span>
</div>

JQUERY代码:


<script>
var xj = $('#xj').text();//现价
$('.add').click(function(){
var zhi = $('#AddCount').val();
$('#AddCount').val(zhi*1+1)
$('#allprice').text((xj*1*(zhi*1+1)).toFixed(2));
})
$('.reduce').click(function(){
var zhi = $('#AddCount').val();
if(zhi>1){
$('#AddCount').val(zhi*1-1);
$('#allprice').text((xj*1*(zhi*1-1)).toFixed(2));
}
})
$('#AddCount').change(function(){
var zhi = $('#AddCount').val();
$('#allprice').text((xj*1*zhi).toFixed(2));
})
</script>

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 我们建好网站之后,经常会受到恶意IP的访问,会陨耗服务器的CPU和内存,我们需要屏蔽这些IP的访问,如果我们使用的是服务器,可以使用服务器的安全组
  • 现在很多站长都在使用宝塔面板建网站,但有时我们会忘记宝塔面板的登录密码,怎么解决这个问题呢?我们可以使用通过重新设置密码的方法来解决。解决
  • 登陆bluehost,然后点右上角的我的帐号。接下来点【Manage Orders】-【List/Search Orders】。然后可以看到你购买的虚拟主机,点击就可以打开。
  • 当我们网页的内容比较多的情况下,如果不想一下子展示出来,就可以使用加载更多功能。让用户点击按钮后,再展开更多的内容。效果如下图:下面介绍一
  • 如果使用国内主机做网站,需要将备案信息放在网站页脚,下面学建站网介绍一下怎么在网站页脚添加备案信息。方法1远程连接网站服务器,将小图标文件
  • 我们网站建好之后,怎么让别人看到自己的网站给自己一个好评呢?很好的方法就是使用百度口碑功能,使用口碑的平台支持喜爱的网站。下面学建站网介绍一
  • 做网站具体流程 都需要哪些?网站建设的流程具体有以下的六个步骤。1. 注册域名。我们都知道网站都是通过相应的域名访问的。如果我们想建一个网站
  • 代码模板建站相比于建站平台建站的优势对比:1、代码模板建站,可以随时部署到自己的服务器;模板建站是直接安装在服务商的服务器上,每年需要续费可
  • 我们在做网站时,网站上会有很多的小图标,如果我们使用传统的图片来做小图标时,就会发现图片放大后很模糊。怎么解决这种问题呢?我们通常使用svg格
  • 我们通常建 的网站都是单语网站,以中文为主。那么怎么将一个单语网站转换为中英文多语网站呢?下面学做网站论坛就来介绍一下方法。第一步:安装中