- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號大全
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細(xì)教程
- 6Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 7Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 8最新的Adobe Illustrator CS4序列號大全
- 9Intel i7-9700K性能跑分曝光：同代提升約12%
- 10qq郵件是否已讀怎么看 QQ郵箱已經(jīng)發(fā)出去的郵件怎么知道對方是否已經(jīng)查看
- 11AMD推土機架構(gòu)回顧：雖隕落卻是Zen成功的墊腳石
- 12美國增加25％進(jìn)口關(guān)稅！PC硬件要大漲價
聊天工具辦公軟件殺毒教程系統(tǒng)工具圖形圖像電腦學(xué)習(xí)應(yīng)用軟件網(wǎng)絡(luò)軟件蘋果應(yīng)用注冊碼網(wǎng)站教程技術(shù)開發(fā)安卓教程其它教程
您當(dāng)前所在位置：網(wǎng)視手游站 -> 網(wǎng)站教程 -> HTML打折計算價格的完成原理與腳本代碼
HTML打折計算價格的完成原理與腳本代碼
發(fā)表時間：2023-09-07 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]大概原理就是設(shè)置計算價格事件函數(shù)，取不同下拉打折數(shù)，計算結(jié)果送入文字框，感興趣的朋友可以參考下<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<met...
大概原理就是設(shè)置計算價格事件函數(shù)，取不同下拉打折數(shù)，計算結(jié)果送入文字框，感興趣的朋友可以參考下<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<head>
<title>打折后價格計算</title>
<!-- 設(shè)置計算價格事件函數(shù)，取不同下拉打折數(shù)，計算結(jié)果送入文字框-->
<script type="text/javascript">
function calculator(){
var prices=document.getElementById("price");
var discounts=document.getElementById("number");
var pay;
var select=document.getElementById("payfunction");
if((prices.value>=0&&!isNaN(prices.value))&&(discounts.value>=0&&!isNaN(discounts.value))&&prices.value!=""&&discounts.value!="")
{
pay=prices.value*discounts.value;
switch(parseInt(select.value)){
case 1:pay=pay*0.5; break;
case 2:pay=pay*0.8; break;
case 3:pay=pay*0.6; break;
}
document.getElementById("result").value=pay;
alert("恭喜你，交易成功！");
}else
{
prices.focus();
prices.select();
alert("請輸入正確的價格和數(shù)量(也不能為空)！");
}
}
</script>
</head>
<!-- 定義界面格式，設(shè)置下拉表，設(shè)置計算價格事件-->
<body>
<center>
<form name="discount" action="result.jsp" method="post">
競拍價格：<input type="text" id="price" style="width: 150px"/>
購買數(shù)量：<input type="text" id="number" style="width: 150px"/>
支付方式：<select id="payfunction" style="width: 150px">
<option value="1">網(wǎng)銀支付-打5折</option>
<option value="2">支付寶支付-打8折</option>
<option value="3" selected="true">Q幣支付-打6折</option>
</select>
預(yù)計總價：<input type="text" id="result" style="width: 150px">
<input type="button" id="allresult" value="計算總價" onclick="calculator()" />
</form>
</center>
</body>
</html>以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，更多相關(guān)內(nèi)容請關(guān)注PHP中文網(wǎng)！
相關(guān)推薦：
以上就是HTML打折計算價格的實現(xiàn)原理與腳本代碼的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
標(biāo)簽：HTML打折計算價格的完成原理與腳本代碼
推薦資訊 總?cè)藲獍?/span>
最新教程 本月人氣
- 1騰訊視頻會員賬號分享（2017年1月4日）
- 2愛奇藝vip會員如何廉價開通？愛奇藝vip會員開通方法
- 3斗魚TV如何屏蔽禮物？斗魚TV屏蔽禮物圖文說明教程
- 4最新騰訊視頻會員賬號共享（2017年1月3日）
- 5最新的騰訊視頻會員賬號免費共享
- 62018年12月29日騰訊視頻會員賬號共享
- 7騰訊視頻周末影院福利開通方法說明
- 82組騰訊視頻會員共享（2018.12.28）
- 9騰訊視頻如何打開硬件加速？騰訊視頻打開硬件加速圖文說明教程
- 10騰訊視頻下載管理下文在什么地方一個文件夾
- 112017年1月6日更新的騰訊視頻會員賬號共享賬號
- 12a站如何關(guān)閉彈幕？AcFun關(guān)彈幕圖文說明教程
- 1QQ影音如何截取QQ表情？QQ影音截取QQ表情圖文說明教程
- 2最新愛奇藝會員賬號密碼大全（2017.2.20）
- 3QQ影音如何轉(zhuǎn)換視頻格式？
- 4qq影音如何慢放與加速？
- 5qq影音如何刪除？qq影音刪除圖文步驟
- 6qq影音如何安裝？qq影音安裝圖文說明教程
- 72組騰訊視頻會員共享（2017.02.14）
- 8詳細(xì)說明MySQL Group Replication[Multi-Primary Mode]的搭建部署過程（圖文）
- 9tcl手機750多少錢 tcl750初現(xiàn)手機價格
- 10紅米3s如何刷miui8 紅米3s刷機miui8方法流程圖解
- 11用錢寶如何注銷 用錢寶注銷圖文說明教程詳細(xì)說明
- 12用錢寶收不到驗證碼如何回事 用錢寶收不到驗證碼處理方法
相關(guān)文章
- 在Html中使用Requirejs進(jìn)行模塊化開發(fā)的解析
- HTML5與jQuery完成搜索自動選擇匹配的技巧
- HTML完成頁面動態(tài)時鐘
- nginx設(shè)置訪問圖片路徑以及html靜態(tài)頁面的調(diào)取方法
- 如何使用html2canvas 將html代碼轉(zhuǎn)為圖片
- 如何使用js拼接html字符串
- 如何使用JS中DOM來控制HTML元素
- 如何在html中顯示JSON數(shù)據(jù)
- 對于HTML表格邊框的設(shè)置的技巧
- html中table表格的內(nèi)容水平與垂直居中顯示
- 取得當(dāng)前按鈕或者h(yuǎn)tml的ID名稱
- HTML完成遮罩層的方法 HTML中如何使用遮罩層
