jQuery快速实现商品数量加减的方法
更新时间：2017年02月06日 13:55:16 作者：哲哲别
这篇文章主要介绍了 jQuery快速实现商品数量加减的方法,非常不错，具有参考借鉴价值，需要的朋友可以参考下
废话不多说了，直接给大家贴代码了，具体代码如下所示：
<!-- 快速实现数量加减 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
//获得文本框对象
var t = $("#text_box");
//初始化数量为1,并失效减
$('#min').attr('disabled',true);
//数量增加操作
$("#add").click(function(){
// 给获取的val加上绝对值，避免出现负数
t.val(Math.abs(parseInt(t.val()))+1);
if (parseInt(t.val())!=1){
$('#min').attr('disabled',false);
};
})
//数量减少操作
$("#min").click(function(){
t.val(Math.abs(parseInt(t.val()))-1);
if (parseInt(t.val())==1){
$('#min').attr('disabled',true);
};
})
});
</script>
</head>
<body>
<input id="min" name="" type="button" value="-" />
<input id="text_box" name="" type="text" value="1" style="width:30px;text-align: center"/>
<input id="add" name="" type="button" value="+" />
</body>
</html>
实现数量加减，就是这么简单！
以上所述是小编给大家介绍的jQuery快速实现商品数量加减的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要介绍了jquery html添加元素/删除元素操作,结合实例形式详细分析了jquery html添加元素/删除元素相关函数功能、用法及操作注意事项,需要的朋友可以参考下2020-05-05
这篇文章主要介绍了jQuery表单验证功能,涉及jquery针对表单项的读取与正则判定技巧,非常具有实用价值,需要的朋友可以参考下2015-08-08
Jquery.TreeView结合ASP.Net和数据库生成菜单导航条
在网上浏览了许多关于利用Jquery.TreeView插件生成树的例子！但是大多数都没有结合数据库来生成树，很难运用到实际项目中！2010-08-08
这篇文章主要介绍了jQuery的text()方法用法,以实例形式详细分析了jQuery的text()方法的定义、参数与具体用法,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
jQuery使用prepend()方法在元素前添加内容用法实例
这篇文章主要介绍了jQuery使用prepend()方法在元素前添加内容的方法,实例分析了prepend方法追加内容的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
下面小编就为大家带来一篇浅谈jquery的map()和each()方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
鼠标点击聚焦，地图定位，在图片上突出显示，焦点定位页面元素，这些都是在系统开发是经常需要用到的，下面为大家介绍下具体的实现，感兴趣的朋友可以参考下哈2013-06-06
本篇文章主要是对jquery中$.post()方法的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
基于$.ajax()方法从服务器获取json数据的几种方式总结
下面小编就为大家分享一篇基于$.ajax()方法从服务器获取json数据的几种方式总结，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
表单验证功能在项目中经常会用得到，接下来给大家介绍使用jquery实现智能表单验证功能实例代码，对jquery实现表单验证功能相关资料感兴趣的朋友一起学习吧2016-03-03
最新评论