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 相关文章推荐
SharePoint 客户端对象模型 (一) ECMA Script
May 22 Javascript
jQuery lazyLoad图片延迟加载插件的优化改造方法分享
Aug 13 Javascript
JS+flash实现chrome和ie浏览器下同时可以复制粘贴
Sep 22 Javascript
JQuery选中checkbox方法代码实例(全选、反选、全不选)
Apr 27 Javascript
jQuery根据用户电脑是mac还是pc加载对应样式的方法
Jun 26 Javascript
JavaScript判断变量是否为数组的方法(Array)
Feb 24 Javascript
JQuery 两种方法解决刚创建的元素遍历不到的问题
Apr 13 Javascript
基于javascript实现表格的简单操作
May 21 Javascript
AngularJS入门教程引导程序
Aug 18 Javascript
Javascript 之封装(Package)
Sep 14 Javascript
js观察者模式的弹幕案例
Nov 23 Javascript
vue的项目如何打包上线
Apr 13 Vue.js
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
全国FM电台频率大全 - 8 黑龙江省
2020/03/11 无线电
漂亮但不安全的CTB
2006/10/09 PHP
用PHP和ACCESS写聊天室(二)
2006/10/09 PHP
PHP 函数执行效率的小比较
2010/10/17 PHP
ThinkPHP模版引擎之变量输出详解
2014/12/05 PHP
php文件操作相关类实例
2015/06/18 PHP
PHP使用redis实现统计缓存mysql压力的方法
2015/11/14 PHP
jquery加载页面的方法(页面加载完成就执行)
2011/06/21 Javascript
jqPlot 图表中文API使用文档及源码和在线示例
2012/02/07 Javascript
关于js日期转化为毫秒数“节省20%的效率和和节省9个字符“问题
2012/03/01 Javascript
基于jquery实现无限级树形菜单
2016/03/22 Javascript
浅析BootStrap Treeview的简单使用
2016/10/12 Javascript
jQuery UI制作选项卡(tabs)
2016/12/13 Javascript
jQuery实现鼠标移到某个对象时弹出显示层功能
2018/08/23 jQuery
微信小程序实现的动态设置导航栏标题功能示例
2019/01/31 Javascript
node之本地服务器图片上传的方法示例
2019/03/26 Javascript
Vue-cli3.X使用px2 rem遇到的问题及解决方法
2019/08/08 Javascript
为nuxt项目写一个面包屑cli工具实现自动生成页面与面包屑配置
2019/09/29 Javascript
vue搜索页开发实例代码详解(热门搜索,历史搜索,淘宝接口演示)
2020/04/11 Javascript
JQuery绑定事件四种实现方法解析
2020/12/02 jQuery
[07:57]2018DOTA2国际邀请赛寻真——PSG.LGD凤凰浴火
2018/08/12 DOTA
python多线程方式执行多个bat代码
2016/06/07 Python
django 通过ajax完成邮箱用户注册、激活账号的方法
2018/04/17 Python
tensorflow实现训练变量checkpoint的保存与读取
2020/02/10 Python
解决numpy矩阵相减出现的负值自动转正值的问题
2020/06/03 Python
Python新手学习函数默认参数设置
2020/06/03 Python
Python map及filter函数使用方法解析
2020/08/06 Python
Python字符串三种格式化输出
2020/09/17 Python
初级Java程序员面试题
2016/03/03 面试题
重点工程汇报材料
2014/08/27 职场文书
大二学生自我检讨书
2014/10/23 职场文书
2015年信访维稳工作总结
2015/04/07 职场文书
2015年电教工作总结
2015/05/26 职场文书
python爬虫框架feapde的使用简介
2021/04/20 Python
python机器学习Github已达8.9Kstars模型解释器LIME
2021/11/23 Python
关于windows server 2012 DC 环境 重启后蓝屏代码:0xc00002e2的问题
2022/05/25 Servers