在jsp中如何实现这个效果？点击“-”数量减一，点击“+”数量加1，就像淘宝购物那样的，如下图。
展开全部
这个一般用JS来实现，大致应该是这样
<!--js函数大致如下 -->
function del(){
var count = document.getElementById("count").value;
count--;
document.getElementById("count").value = count ;
if(count<=1){
document.getElementById("del0").style.display = block;
document.getElementById("del1").style.display = none;
}
if(count < total){//假定total是库存量
document.getElementById("add0").style.display = block;
document.getElementById("add1").style.display = none;
}
}
function add(){
//......和del方法类似
}
<!-- 页面处代码大致如下 -->
<img id="del1"
src="...." onclick="del()" style="dispaly:block">
<img id="del0"
src="...." style="display:none">
<input type="text" id="count" readonly> 1 </input>
<img id="add1"
src="...." onclick="add()" style="dispaly:block">
<img id="add0"
src="...." style="dispaly:none">
很久没写代码了，估计疏漏不少，不过大致是这样的思路
<!--js函数大致如下 -->
function del(){
var count = document.getElementById("count").value;
count--;
document.getElementById("count").value = count ;
if(count<=1){
document.getElementById("del0").style.display = block;
document.getElementById("del1").style.display = none;
}
if(count < total){//假定total是库存量
document.getElementById("add0").style.display = block;
document.getElementById("add1").style.display = none;
}
}
function add(){
//......和del方法类似
}
<!-- 页面处代码大致如下 -->
<img id="del1"
src="...." onclick="del()" style="dispaly:block">
<img id="del0"
src="...." style="display:none">
<input type="text" id="count" readonly> 1 </input>
<img id="add1"
src="...." onclick="add()" style="dispaly:block">
<img id="add0"
src="...." style="dispaly:none">
很久没写代码了，估计疏漏不少，不过大致是这样的思路
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equive="Conten-Type" content = "text/html charset="utf-8">
</head>
<body>
<form>
<input type=text name=amount value=1>
<input type=button value="+" onClick="javascript:this.form.amount.value++;">
<input type=button value="-" onClick="javascript:this.form.amount.value--;">
</form>
</body>
</html>
//解释一下，前面的汉字自己加上就好，我没写，好久没写了
<html>
<head>
<meta http-equive="Conten-Type" content = "text/html charset="utf-8">
</head>
<body>
<form>
<input type=text name=amount value=1>
<input type=button value="+" onClick="javascript:this.form.amount.value++;">
<input type=button value="-" onClick="javascript:this.form.amount.value--;">
</form>
</body>
</html>
//解释一下，前面的汉字自己加上就好，我没写，好久没写了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
