学做网站培训课程介绍

当前位置:

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

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

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

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>

发表评论

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

相关教程

  • 我们制作网站时,网站上有很多的区域颜色都是一样的,通常我们会给这些区域写颜色样式,但这个对于后期的修改比较麻烦。在CSS3中,出现了CSS 颜色变
  • 在做网站时,为了测试某个IP是否能正常访问网站,我们可以使用PHP来模拟这个IP来访问网站,然后来查看访问后的效果即可。那么如何使用PHP来模拟不同
  • 现在很多站长都在使用宝塔面板建网站,但有时我们会忘记宝塔面板的登录密码,怎么解决这个问题呢?我们可以使用通过重新设置密码的方法来解决。解决
  • 登陆bluehost,然后点右上角的我的帐号。接下来点【Manage Orders】-【List/Search Orders】。然后可以看到你购买的虚拟主机,点击就可以打开。
  • 我们在做网站时,网站上会有很多的小图标,如果我们使用传统的图片来做小图标时,就会发现图片放大后很模糊。怎么解决这种问题呢?我们通常使用svg格
  • 我们通常建 的网站都是单语网站,以中文为主。那么怎么将一个单语网站转换为中英文多语网站呢?下面学做网站论坛就来介绍一下方法。第一步:安装中
  • 老师,我问一下,如果别人做了一个小程序发给我,我这边用百度小程序开发工具打开百度小程序调式,发现有一些不如意的地方。想让开发者在他的电脑用
  • 老师,我自己有一个织梦做的网站,以前一直挺好的,近期出现一个怪事。就是网站的电脑端打开都是正常的,但手机端却一直不停重定向,一直闪,打不开
  • 网页打不开是我们做网站过程中经常碰到的问题,遇到网页打不开应该怎么去找原因并处理呢?以下学做网站论坛总结了几点网页打不开的原因和处理方法。
  • 问:学做网站论坛的老师您好,我以前找人做了一个网站,但经常出现我这边能打开,别的地方打不开的情况,我用工具PING网站域名,结果是下图这样: