javaweb设计简易购物车

原创于 2018-06-24 10:31:31 发布 · 3.3k 阅读

18 ·

CC 4.0 BY-SA版权

文章标签：

#简易购物车

JAVAWEB 专栏收录该内容

40 篇文章

订阅专栏

本文介绍了一个简单的购物车数量增减小程序实现方法。通过两个按钮分别实现商品数量的增加和减少，利用 JavaScript 控制输入框内的数值变化。该程序使用 HTML 和 JavaScript 编写，适用于 Web 开发初学者。

javaweb设计简易购物车

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1" import="java.util.*"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>购物车数量小程序</title>
</head>
<body>
<script>
function add(){
    var x=document.getElementById("a1")
    var a=x.value
    a++;
    x.value=a;
}
function sub(){
    var x=document.getElementById("a1")
    var a=x.value
    a--;
    if(a<0)
        { x.value=0;}
    else{   x.value=a; }    
}
</script>
购买数量<input type="button" value="-" onclick="sub()" >
<input type="type" id=a1 value="0" size=1 >
<input type="button" value="+" onclick="add()" >
</body>
</html>