jQuery快速实现商品数量加减的方法


Posted in Javascript onFebruary 06, 2017

废话不多说了,直接给大家贴代码了,具体代码如下所示:

<!-- 快速实现数量加减 -->
<!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快速实现商品数量加减的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
键盘 keycode的值 javascript时触发事件时很有用的要素
Nov 02 Javascript
javascript 密码强度验证规则、打分、验证(给出前端代码,后端代码可根据强度规则翻译)
May 18 Javascript
javascript attachEvent绑定多个事件执行顺序问题
Oct 20 Javascript
鼠标拖动实现DIV排序示例代码
Oct 14 Javascript
jquery 字符串切割函数substring的用法说明
Feb 11 Javascript
用C/C++来实现 Node.js 的模块(一)
Sep 24 Javascript
JavaScript编程设计模式之观察者模式(Observer Pattern)实例详解
Oct 25 Javascript
Nuxt.js实战详解
Jan 18 Javascript
基于layui数据表格以及传数据的方式
Aug 19 Javascript
解决vue中修改export default中脚本报一大堆错的问题
Aug 27 Javascript
详解node和ES6的模块导出与导入
Feb 19 Javascript
NestJs使用Mongoose对MongoDB操作的方法
Feb 22 Javascript
jQuery EasyUI 页面加载等待及页面等待层
Feb 06 #Javascript
jQuery内容筛选选择器实例代码
Feb 06 #Javascript
jQuery基本筛选选择器实例代码
Feb 06 #Javascript
jQuery层级选择器实例代码
Feb 06 #Javascript
jQuery元素选择器实例代码
Feb 06 #Javascript
对称加密与非对称加密优缺点详解
Feb 06 #Javascript
jquery实现input框获取焦点的方法
Feb 06 #Javascript
You might like
php将时间差转换为字符串提示
2011/09/07 PHP
解析php5配置使用pdo
2013/07/03 PHP
php限制上传文件类型并保存上传文件的方法
2015/03/13 PHP
CodeIgniter配置之database.php用法实例分析
2016/01/20 PHP
bindParam和bindValue的区别以及在Yii2中的使用详解
2018/03/12 PHP
学习ExtJS Column布局
2009/10/08 Javascript
javascript ie6兼容position:fixed实现思路
2013/04/01 Javascript
类似天猫商品详情随浏览器移动的示例代码
2014/02/27 Javascript
Node.js实现简单聊天服务器
2014/06/20 Javascript
浅谈JS闭包中的循环绑定处理程序
2014/11/09 Javascript
JavaScript制作简单的日历效果
2016/03/10 Javascript
浅谈AngularJs指令之scope属性详解
2016/10/24 Javascript
Nodejs+Socket.io实现通讯实例代码
2017/02/13 NodeJs
微信小程序实现的涂鸦功能示例【附源码下载】
2018/01/12 Javascript
解决LayUI表单获取不到data的问题
2018/08/20 Javascript
小程序接入腾讯位置服务的详细流程
2020/03/03 Javascript
解决node终端下运行js文件不支持ES6语法
2020/04/04 Javascript
Js跳出两级循环方法代码实例
2020/09/22 Javascript
python3操作mysql数据库的方法
2017/06/23 Python
python基础_文件操作实现全文或单行替换的方法
2017/09/04 Python
PyCharm-错误-找不到指定文件python.exe的解决方法
2019/07/01 Python
全面了解django的缓存机制及使用方法
2019/07/22 Python
Python BeautifulReport可视化报告代码实例
2020/04/13 Python
python等待10秒执行下一命令的方法
2020/07/19 Python
香蕉共和国加拿大官网:Banana Republic加拿大
2018/08/06 全球购物
Pretty Green美国:英式摇滚服饰风格代表品牌之一
2019/01/23 全球购物
汽车专业人才自我鉴定范文
2013/12/29 职场文书
解除租房协议书
2014/12/03 职场文书
2014年领导班子工作总结
2014/12/11 职场文书
教师工作态度自我评价
2015/03/05 职场文书
成品仓管员岗位职责
2015/04/01 职场文书
社区文明创建工作总结2015
2015/04/21 职场文书
吧主申请感言怎么写
2015/08/03 职场文书
先进个人主要事迹范文
2015/11/04 职场文书
Python3 多线程(连接池)操作MySQL插入数据
2021/06/09 Python
MySQL实现字段分割一行转多行的示例代码
2022/07/07 MySQL