當前位置:編程學習大全網 - 網站源碼 - 在jsp中如何實現這個效果?點擊“-”數量減壹,點擊“+”數量加1,就像淘寶購物那樣的,如下圖。

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

很久沒寫代碼了,估計疏漏不少,不過大致是這樣的思路

  • 上一篇:Tb函數源代碼
  • 下一篇:Vfp源代碼結構
  • copyright 2024編程學習大全網