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 相关文章推荐
js常用代码段收集
Oct 28 Javascript
node.js中的path.delimiter方法使用说明
Dec 09 Javascript
jQuery中html()方法用法实例
Dec 25 Javascript
IE中鼠标经过option触发mouseout的解决方法
Jan 29 Javascript
jQuery实现的省市联动菜单功能示例【测试可用】
Jan 13 Javascript
微信小程序picker组件简单用法示例【附demo源码下载】
Dec 05 Javascript
详解javascript 正则表达式之分组与前瞻匹配
May 30 Javascript
Nuxt.js实现校验访问浏览器类型的中间件
Aug 24 Javascript
解决layer图标icon不加载的问题
Sep 04 Javascript
LayUi使用switch开关,动态的去控制它是否被启用的方法
Sep 21 Javascript
vue-cli3项目打包后自动化部署到服务器的方法
Sep 16 Javascript
element-ui中dialog弹窗关闭按钮失效的解决
Sep 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使用PDO连接ACCESS数据库
2015/03/05 PHP
一文看懂PHP进程管理器php-fpm
2020/06/01 PHP
asp.net和asp下ACCESS的参数化查询
2008/06/11 Javascript
js 内存释放问题
2010/04/25 Javascript
前端必备神器 Snap.svg 弹动效果
2014/11/10 Javascript
Jquery插件实现点击获取验证码后60秒内禁止重新获取
2015/03/13 Javascript
使用JQuery实现Ctrl+Enter提交表单的方法
2015/10/22 Javascript
详解vue.js组件化开发实践
2016/12/14 Javascript
基于bootstrap实现收缩导航条
2017/03/17 Javascript
jQuery实现简单的计时器功能实例分析
2017/08/29 jQuery
使用vue实现简单键盘的示例(支持移动端和pc端)
2017/12/25 Javascript
vue非父子组件通信问题及解决方法
2018/06/11 Javascript
jQuery中常用动画效果函数知识点整理
2018/08/19 jQuery
对vuejs的v-for遍历、v-bind动态改变值、v-if进行判断的实例讲解
2018/08/27 Javascript
Vue仿微信app页面跳转动画效果
2019/08/21 Javascript
python使用append合并两个数组的方法
2015/04/28 Python
Python使用xlrd模块操作Excel数据导入的方法
2015/05/26 Python
python面向对象_详谈类的继承与方法的重载
2017/06/07 Python
Python中摘要算法MD5,SHA1简介及应用实例代码
2018/01/09 Python
Python实现输出某区间范围内全部素数的方法
2018/05/02 Python
Python读取本地文件并解析网页元素的方法
2018/05/21 Python
python 实现数字字符串左侧补零的方法
2018/12/04 Python
python 比较字典value的最大值的几种方法
2020/04/17 Python
pyqt5实现井字棋的示例代码
2020/12/07 Python
美国电子产品主要品牌的授权在线零售商:DataVision
2019/03/23 全球购物
如何利用XMLHTTP检测URL及探测服务器信息
2013/11/10 面试题
工作的心得体会
2013/12/31 职场文书
《盲人摸象》教学反思
2014/02/16 职场文书
护士求职自荐信范文
2014/03/19 职场文书
优秀团员自我评价范文
2014/04/23 职场文书
保护地球的标语
2014/06/17 职场文书
道歉短信大全
2015/05/12 职场文书
2015年乡镇卫生院妇幼保健工作总结
2015/05/19 职场文书
2015年公务员试用期工作总结
2015/05/28 职场文书
python tkinter实现定时关机
2021/04/21 Python
html输入两个数实现加减乘除功能
2021/07/01 HTML / CSS