购物时添加数量

代码执行后的结果:按加减号数字可以加减。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            body{
                margin: 0;
            }
            .left{
                float: left;
            }
            .wrap{
                width: 150px;
                height: 22px;
                border: 1px solid #ddd;
                /*background-color: red;*/
                position: relative;
                left: 100px;
                top: 100px;
            }
            .wrap .minus{
                height: 22px;
                width: 22px;
                line-height: 22px;
                text-align: center;
                cursor: pointer;
            }
            .wrap .plus{
                height: 22px;
                width: 22px;
                line-height: 22px;
                text-align: center;
                cursor: pointer; /*当鼠标指的时候变样式*/
            }
            .wrap .count input{
                padding: 0;  /*input是有padding的*/
                border: 0;
                width: 104px;
                height: 22px;
                border-left: 1px solid #dddddd;
                border-right: 1px solid #dddddd;
            }
        </style>
    </head>
    <body>
        <div class="wrap">
            <div class="minus left" onclick=‘Minus();‘>-</div>
            <div class="count left">
                <input id=‘count‘ type="text"  />
            </div>
            <div class="plus left" onclick=‘Plus();‘>+</div>
        </div>
        <script type="text/javascript">
            function Plus(){
                var old_str = document.getElementById(‘count‘).value
                var old_int = parseInt(old_str);
                var new_int = old_int + 1
                document.getElementById(‘count‘).value = new_int
            }
            function Minus(){
                var old_str = document.getElementById(‘count‘).value
                var old_int = parseInt(old_str);
                var new_int = old_int - 1
                document.getElementById(‘count‘).value = new_int
            }

        </script>
    </body>
</html>

cursor:pointer;  /*鼠标尖头变小手*/

时间: 2024-11-04 09:20:58

购物时添加数量的相关文章

修改购物项图书数量的Ajax处理

一.cart.jsp页面 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <!DOCTYPE html PUBLIC &qu

改动购物项图书数量的Ajax处理

一.cart.jsp页面 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <!DOCTYPE html PUBLIC &qu

在制作WORD小报时添加艺术横线或者艺术竖线

我们知道,制作WORD小报,主要靠文本框这位排版老大哥.其实,在小报中的艺术横线或者艺术竖线的添加也是很简单的.只要在想加线的地方,添加一个文本框,然后在其中的段落标记位置添加一个艺术横线即可. 对应的插入横线的菜单位置是:格式-边框与底纹-"横线"按钮.当然,要想添加艺术竖线时,需要把对应的文本框中的文本设置为竖排就可以了. 在制作WORD小报时添加艺术横线或者艺术竖线,布布扣,bubuko.com

Android学习笔记(十四)——在运行时添加碎片(附源码)

在运行时添加碎片 点击获取源码 将UI分割为多个可配置的部分是碎片的优势之一,但其真正强大之处在于可在运行时动态地把它们添加到活动中. 1.使用上一篇创建的Fragments项目,在main.xml文件中注释掉两个<fragment>元素: 2.在FragmentActivity.java中添加下面的代码: FragmentManager fragmentManager = getSupportFragmentManager();//向活动添加碎片 FragmentTransaction fr

iOS 运行时添加属性和方法

原文链接http://blog.csdn.net/meegomeego/article/details/18356169第一种:runtime.h里的方法 BOOL class_addProperty(Class cls,constchar*name,constobjc_property_attribute_t*attributes,unsignedint attributeCount) #include <objc/runtime.h> #import <Foundation/Foun

网络购物时必需要知道的安全知识

在网购上,人人都有自己的一番抢购经验,但是对于钓鱼网站的支付陷阱防范安全常识,相信多数朋友并不十分清楚.下面网站认证就为大家分享支付陷阱有哪些的安全常识. 进行网上购物时,应注意以下事项: 1.了解与您交易的网上商户 在您信任的网站进行购物,如果是初次交易,建议确认商户的固定电话(而不是手机号码)以及邮寄地址(而不只是邮箱地址),验证商户的真实可靠性. 2.使用安全的网站 在支付页面进行支付时,留意网页地址的前缀变为"https://",并且IE浏览器右下角状态栏上显示锁状图案,这个标

self.view添加UIView时添加动画

CATransition *animation = [CATransition animation]; animation.delegate = self; animation.duration = 0.5f; animation.timingFunction = UIViewAnimationCurveEaseInOut; if ([subView isKindOfClass:[AreaNumPickerView class]]) { animation.subtype = kCATransi

如何在编译内核时添加缺少的固件(以intel wireless 5100 AGN的 iwlwifi 为例)

不知大家在笔记本使用 Linux 时编译内核后无线wifi 能不能用,我的本本是"联想 Y450"一款足够老的本本,配的无线网卡是: $ lspci | grep Wireless 06:00.0 Network controller: Intel Corporation PRO/Wireless 5100 AGN [Shiloh] Network Connection 目前使用的系统为 Linux Mint 17 Qiana (Cinnamon桌面版的,毕竟cinnamon是基于Gn

JSP---网上商城-&gt;修改购物车购物项的数量

Buy.jsp //修改购物车商品的数量 if (action != null && action.equals("update")) { Iterator<CartItem> it = c.getItems().iterator(); while (it.hasNext()) { CartItem item = it.next(); int count = Integer.parseInt(request.getParameter("p"