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 相关文章推荐
jquery中使用$(#form).submit()重写提交表单无效原因分析及解决
Mar 25 Javascript
js控制表单操作的常用代码小结
Aug 15 Javascript
javascript的动态加载、缓存、更新以及复用(一)
Jun 09 Javascript
javascript引用赋值(地址传值)用法实例
Jan 13 Javascript
超级简单实现JavaScript MVC 样式框架
Mar 24 Javascript
JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例
Dec 04 Javascript
JavaScript prototype属性详解
Oct 25 Javascript
微信小程序 开发之快递查询功能的实现
Jan 09 Javascript
原生JS实现左右箭头选择日期实例代码
Mar 14 Javascript
jQuery使用ajax_动力节点Java学院整理
Jul 05 jQuery
vue.js 实现评价五角星组件的实例代码
Aug 13 Javascript
浅谈React之状态(State)
Sep 19 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
pw的一个放后门的方法分析
2007/10/08 PHP
smarty模板中使用get、post、request、cookies、session变量的方法
2014/04/24 PHP
MySql数据库查询结果用表格输出PHP代码示例
2015/03/20 PHP
LAMP环境使用Composer安装Laravel的方法
2017/03/25 PHP
详解PHP中mb_strpos的使用
2018/02/04 PHP
jquery easyui的tabs使用时的问题
2010/03/23 Javascript
javascript中apply、call和bind的使用区别
2016/04/05 Javascript
JS模拟实现方法重载示例
2016/08/03 Javascript
jQuery模拟实现的select点击选择效果【附demo源码下载】
2016/11/09 Javascript
微信小程序 实战程序简易新闻的制作
2017/01/09 Javascript
javascript过滤数组重复元素的实现方法
2017/05/03 Javascript
Agularjs妙用双向数据绑定实现手风琴效果
2017/05/26 Javascript
JS解决position:sticky的兼容性问题的方法
2017/10/17 Javascript
深入理解Vue官方文档梳理之全局API
2017/11/22 Javascript
JS验证输入的是否是数字及保留几位小数问题
2018/05/09 Javascript
微信小程序 WXML节点信息查询详解
2019/07/29 Javascript
layerui代码控制tab选项卡,添加,关闭的实例
2019/09/04 Javascript
layui时间控件选择时间范围的实现方法
2019/09/28 Javascript
Element Breadcrumb 面包屑的使用方法
2020/07/26 Javascript
Python 使用requests模块发送GET和POST请求的实现代码
2016/09/21 Python
Python中防止sql注入的方法详解
2017/02/25 Python
Python二进制串转换为通用字符串的方法
2018/07/23 Python
python之pymysql模块简单应用示例代码
2019/12/16 Python
PyCharm使用之配置SSH Interpreter的方法步骤
2019/12/26 Python
Python标准库json模块和pickle模块使用详解
2020/03/10 Python
CSS3制作轮播图的一种方法
2019/11/11 HTML / CSS
HTML5中meta属性的使用方法
2016/02/29 HTML / CSS
Pretty Little Thing爱尔兰:时尚女性服饰
2017/03/27 全球购物
党员大会主持词
2014/04/02 职场文书
秘书英文求职信
2014/04/16 职场文书
师德师风建设方案
2014/05/08 职场文书
校园安全标语
2014/06/07 职场文书
2014年行政人事工作总结
2014/12/09 职场文书
学习委员竞选稿
2015/11/20 职场文书
k-means & DBSCAN 总结
2021/04/27 Python
高并发下Redis如何保持数据一致性(避免读后写)
2022/03/18 Redis