国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
用Javascript制作會(huì)計(jì)算的表單
用Javascript制作會(huì)計(jì)算的表單
(作者:黃山村夫 2001年03月26日 18:27)

  我們?cè)谥谱鞫ㄙ弳螘r(shí),往往要計(jì)算客戶定購物品的貨款,HTML并沒有提供這種在線計(jì)算的功能,但我們用Javascript程序可以實(shí)現(xiàn)這種在線匯總計(jì)算的功能。當(dāng)然一個(gè)完整的定貨單可能涉及許多表單標(biāo)記,如何獲取各表單標(biāo)記的value值是解決問題的關(guān)鍵。本例的方法將告訴你如何去獲得各表單元素的value值,并加以計(jì)算。你看下面這張定貨單,它雖涉及多種表單元素(如單選框、復(fù)選框、單行文本框等等),但你可以隨意選取物品,只要一按“計(jì)算貨款”按鈕,立即計(jì)算好全部貨款,分毫不差。滿意吧!


  制作方法:
  1、制作一個(gè)定貨單, 用表單元素制作定貨單在這里不細(xì)講了,若你不會(huì)做的話,請(qǐng)去看看《
HTML高級(jí)進(jìn)階技巧》專題的有關(guān)文章。但在制作這種要用程序進(jìn)行計(jì)算的表單有兩點(diǎn)要注意:
  1)所有表單元素都要給取一個(gè)確切的名字,也就是要設(shè)置好“name”參數(shù)的值,以便在程序中引用;
  2)對(duì)于象單選框、復(fù)選框這樣的供用戶選擇的表單元素,要把具體的值定義到它的value參數(shù)上,否則,程序在計(jì)算時(shí)無法獲得實(shí)際數(shù)值,寫在它邊上的那個(gè)數(shù)值是給用戶看,程序是無法獲取的,這一點(diǎn)切勿忽視,否則計(jì)算結(jié)果不正確。例如:本例中兩種電腦單價(jià)(5000元和7000元)的兩個(gè)單選框的源代碼如下:
單價(jià): <input type="radio" name="r1" value="5000">5000元
<input type="radio" name="r1" value="7000">7000元
  看到了吧,除了在單選框的邊上要寫上單價(jià)的數(shù)值,還在單選框標(biāo)記中設(shè)置好value的相應(yīng)數(shù)值。

  2、在表單的后面插入下面這段程序:
<script language="JavaScript">
<!--
function jshk(){
obj=document.dhform;
var dj=0;
for (i=0;i<(obj.item.length);i++){ //查找那種單價(jià)被選中
if ((obj.item(i).checked) && (obj.item(i).name="r1")) {dj=parseInt(obj.item(i).value);break}}
hk=parseInt(obj.t1.value); hk=hk*dj; //計(jì)算電腦的貨款(數(shù)量*單價(jià))
if (obj.c1.checked) hk+=parseInt(obj.c1.value); //如果該復(fù)選框被選中,加上該項(xiàng)貨款。
if (obj.c2.checked) hk+=parseInt(obj.c2.value); //如果該復(fù)選框被選中,加上該項(xiàng)貨款。
if (obj.c3.checked) hk+=parseInt(obj.c3.value); //如果該復(fù)選框被選中,加上該項(xiàng)貨款。
if (obj.c4.checked) hk+=parseInt(obj.c4.value); //如果該復(fù)選框被選中,加上該項(xiàng)貨款。
obj.t3.value=hk+".00";
}
//-->
</script>

  該程序不復(fù)雜,關(guān)鍵的要注意以下幾點(diǎn):
  1)對(duì)于所有表單元素的value參數(shù)值,它們都是字符形式,要參于計(jì)算,必須先用parseInt()函數(shù)把它轉(zhuǎn)換成數(shù)值形式;
  2)對(duì)于單選框,要先找出用戶選中的是那一個(gè)單選框,然后再取其value值進(jìn)行計(jì)算;
  3)對(duì)于復(fù)選框,要逐個(gè)判斷是否被選中,如果被選中,則計(jì)算,否則不計(jì)算。
  4)對(duì)于單行文本框,一般是要求用戶輸入的,所以其值可直接轉(zhuǎn)換后進(jìn)行計(jì)算。

  3、在“開始計(jì)算”按鈕中加上一個(gè)事件:onclick="jshk()"來調(diào)用程序進(jìn)行計(jì)算。
  由于定購單的樣式千變?nèi)f化,所以本文的程序直接引用的可能性是很少,但不管表單如何變化,萬變不離其宗,其獲取表單元素value參數(shù)值的方法是相同的,所以本文介紹的方法是很實(shí)用的。
本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
藍(lán)凌表單的表體調(diào)用Javascript
用 Javascript 驗(yàn)證表單(form)中的單選(radio)值
VFP中的復(fù)選框
JavaScript教程 - 第四部分 關(guān)于form對(duì)象
《PHP+MySQL動(dòng)態(tài)網(wǎng)站開發(fā)實(shí)例教程》第6章 PHP與Web頁面交互
Vue3 表單 | 菜鳥教程
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服