JavaScript實(shí)現(xiàn)淘寶購(gòu)物件數(shù)選擇
本文實(shí)例為大家分享了JavaScript實(shí)現(xiàn)淘寶購(gòu)物件數(shù)選擇的具體代碼,供大家參考,具體內(nèi)容如下
實(shí)現(xiàn)一個(gè)簡(jiǎn)易的淘寶購(gòu)物件數(shù)量的選擇算法,通過鼠標(biāo)點(diǎn)擊“+”、“-”按鈕對(duì)數(shù)量增加或減少1,限購(gòu)9件,最大增加到數(shù)字9,最小減少到0.
代碼如下:
<!DOCTYPE html> <html> <head> ?? ?<script LANGUAGE="JavaScript" type="text/javascript"> ?? ??? ?function addnum() ?? ??? ?{ ?? ??? ??? ?var num = document.getElementById("res").value; ?? ??? ??? ?num = parseInt(num) + 1; ?? ??? ??? ?if (num>9)? ?? ??? ??? ?{ ?? ??? ??? ??? ?alert("已經(jīng)是最大夠件數(shù)!"); ?? ??? ??? ?} ?? ??? ??? ?else ?? ??? ??? ?{ ?? ??? ??? ??? ?document.getElementById("res").value = num; ?? ??? ??? ?} ?? ??? ?} ?? ??? ?function decnum() ?? ??? ?{ ?? ??? ??? ?var num = document.getElementById("res").value; ?? ??? ??? ?num = parseInt(num) - 1; ?? ??? ??? ?if (num<0)? ?? ??? ??? ?{ ?? ??? ??? ??? ?alert("已經(jīng)是最小夠件數(shù)!"); ?? ??? ??? ?} ?? ??? ??? ?else ?? ??? ??? ?{ ?? ??? ??? ??? ?document.getElementById("res").value = num; ?? ??? ??? ?} ?? ??? ?} ?? ?</script> </head> <body> ?? ?<form id="myform" > ?? ??? ?<p>數(shù)量</p> ?? ??? ?<input type="button" id="dec" value="-" onclick="decnum()"> ?? ??? ?<input type="text" value="0" id="res"> ?? ??? ?<input type="button" id="add" value="+" onclick="addnum()"> ?? ??? ?<p>限購(gòu)9件</p> ?? ?</form> </body> </html>
程序結(jié)果如下:
最大夠件數(shù):
最小夠件數(shù):
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- vuejs手把手教你寫一個(gè)完整的購(gòu)物車實(shí)例代碼
- js購(gòu)物車實(shí)現(xiàn)思路及代碼(個(gè)人感覺不錯(cuò))
- JavaScript編寫一個(gè)簡(jiǎn)易購(gòu)物車功能
- Javascript實(shí)現(xiàn)購(gòu)物車功能的詳細(xì)代碼
- js實(shí)現(xiàn)簡(jiǎn)單的購(gòu)物車有圖有代碼
- Jsp+Servlet實(shí)現(xiàn)購(gòu)物車功能
- 原生js模擬淘寶購(gòu)物車項(xiàng)目實(shí)戰(zhàn)
- Javascript操縱Cookie實(shí)現(xiàn)購(gòu)物車程序
- 簡(jiǎn)單的前端js+ajax 購(gòu)物車框架(入門篇)
- js實(shí)現(xiàn)購(gòu)物車功能
相關(guān)文章
JS實(shí)現(xiàn)處理時(shí)間,年月日,星期的公共方法示例
這篇文章主要介紹了JS實(shí)現(xiàn)處理時(shí)間,年月日,星期的公共方法,結(jié)合實(shí)例形式分析了javascript日期時(shí)間的轉(zhuǎn)換、運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2019-05-05身份證號(hào)碼前六位所代表的省,市,區(qū), 以及地區(qū)編碼下載
身份證號(hào)碼前六位所代表的省,市,區(qū), 以及地區(qū)編碼下載...2007-04-04微信小程序?qū)崿F(xiàn)九宮格翻牌動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)九宮格翻牌動(dòng)畫,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04JavaScript 實(shí)現(xiàn)同時(shí)選取多個(gè)時(shí)間段的方法
這篇文章主要介紹了JavaScript 實(shí)現(xiàn)同時(shí)選取多個(gè)時(shí)間段的方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10JavaScript版DateAdd和DateDiff函數(shù)代碼
VBScript中有兩個(gè)非常好用的日期操作函數(shù):DateAdd用來給日期添加指定時(shí)間間隔,DateDiff用來返回兩個(gè)日期的時(shí)間間隔??上У氖荍avaScript沒有,不過我們可以寫一個(gè)函數(shù)來實(shí)現(xiàn),一樣的,呵呵2012-03-03BOOTSTRAP時(shí)間控件顯示在模態(tài)框下面的bug修復(fù)
這篇文章主要介紹了BOOTSTRAP時(shí)間控件顯示在模態(tài)框下面的bug修復(fù),需要的朋友可以參考下2015-02-02javaScript實(shí)現(xiàn)滾動(dòng)條事件詳解
這篇文章主要為大家詳細(xì)介紹了javaScript實(shí)現(xiàn)滾動(dòng)條事件的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-09-09JavaScript實(shí)現(xiàn)的in_array函數(shù)
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的in_array函數(shù),用于判斷一個(gè)值是否在數(shù)組中,類似PHP的in_array函數(shù),需要的朋友可以參考下2014-08-08