数量加减

    <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>

<body>    <!--如果 + - 不居中 加上 padding: 0; -->    <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>



原文地址:https://www.cnblogs.com/hshen/p/10243919.html

时间: 2024-08-12 14:50:25

数量加减的相关文章

在axure中实现商品数量加减效果,原型库网站讲师-金乌 解答同学问

有同学在群里提问,如何使用axure制作商品数量增加减少效果,见GIF图.虽然属于初级教程,但很多同学还是小白新手阶段,所以特地录制了详细的视频讲解,供大家学习参考! 该教程由原型库网站录制http://www.yuanxingku.com转载请注明出处! 在axure中实现商品数量加减效果,原型库网站讲师-金乌 解答同学问,布布扣,bubuko.com

jquery实现文本框数量加减功能的例子分享

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

自己动手丰衣足食之 jQuery 数量加减插件

引言 做一个手机端的订单相关项目中,其中下订单时需要用到数量加减的控件,可以设置默认值,也可以设置最大值和最小值.使用jQuery这么长时间了,平时很少去编写属于自己的插件,现在编写的时候对立面的一些原理还不是很懂,比如说插件函数入口.插件内如何编写私有函数.如何调用含参私有函数.如果在使用插件时提示参数.都还需要一一去摸索. jQuery实现方式 1.类级别插件开发. $.ajax(). 2.对象级别插件开发.  $("div").highlight(). 3.jquery UI提供

购物车商品数量加减

<span class="cut ">-</span>                <input class="number" type="text" value="1">     <span class="add">+</span> <script>/*购物车商品数量加减*/$(function(){           $(&qu

js jquery 权限单选 bug修改以及正确代码 购物车数量加减

效果图废话不多直接上代码 用的avalon渲染,其实都是一样的 <div class="shop-arithmetic"> <a href="javascript:;" class="minus" onclick="delpubls(this)">-</a> <input type="number" style="min-height: 20px;font

购物车jquery数量加减+总价计算

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>购物车结算</title> <meta name="description&quo

vue入门------简单购物车功能实现(全选,数量加减,价格加减)

简易购物车功能(无任何布局 主要是功能) 数量的加减 商品的总价钱 全选与全不选 删除(全选.价格 受影响) <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <div id="box"> 全选:<input type="checkbox" @click="handleAllChecked($event)&q

可定制的商品数量加减按钮

仿京东淘宝购物车商品的加减按钮,可定制程度较高,使用简单 支持自定义加/减按钮的标题内容.背景图片; 支持设置边框颜色; 支持使用键盘输入; 支持长按加/减按钮快速加减; 支持block回调与delegate(代理)回调. 支持使用xib创建.类方法创建.自定义大小 运行效果: 示例代码: 自定义加减按钮的标题悦德财富https://www.yuedecaifu.com 1 2 3 4 5 6 7 PPNumberButton *numberButton = [[PPNumberButton a

文本框数量加减功能

此功能相当于购物车加减功能: <p class="_stepper"> <input class="stepper_input" data-bind="value:orderInfo.PrintNumber,event:{ change: GetPrintNumber}" type="number" id="printNumber" value="1"/> <

微信小程序之购物数量加减 —— 微信小程序实战商城系列(3)

我们在购买宝贝的时候,购物的数量,经常是我们需要使用的,如下所示: 在宝贝详情页里: 在购物车里: 现在就为大家介绍这个小组件,在小程序中,该如何去写 下图为本项目的图: wxml: <!-- 主容器 --> <view class="stepper"> <!-- 减号 --> <text class="{{minusStatus}}" bindtap="bindMinus">-</text&