华南俳烁实业有限公司

我們?cè)谥谱鞫ㄙ?gòu)單時(shí)，往往要計(jì)算客戶定購(gòu)物品的貨款，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)去看看《》專題的有關(guān)文章。但在制作這種要用程序進(jìn)行計(jì)算的表單有兩點(diǎn)要注意：

1）所有表單元素都要給取一個(gè)確切的名字，也就是要設(shè)置好“name”參數(shù)的值，以便在程序中引用；

2）對(duì)于象單選框、復(fù)選框這樣的供用戶選擇的表單元素，要把具體的值定義到它的value參數(shù)上，否則，程序在計(jì)算時(shí)無(wú)法獲得實(shí)際數(shù)值，寫在它邊上的那個(gè)數(shù)值是給用戶看，程序是無(wú)法獲取的，這一點(diǎn)切勿忽視，否則計(jì)算結(jié)果不正確。例如：本例中兩種電腦單價(jià)（5000元和7000元）的兩個(gè)單選框的源代碼如下：

單價(jià)： 5000元

7000元

看到了吧，除了在單選框的邊上要寫上單價(jià)的數(shù)值，還在單選框標(biāo)記中設(shè)置好value的相應(yīng)數(shù)值。

2、在表單的后面插入下面這段程序：

該程序不復(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()"來(lái)調(diào)用程序進(jìn)行計(jì)算。

由于定購(gòu)單的樣式千變?nèi)f化，所以本文的程序直接引用的可能性是很少，但不管表單如何變化，萬(wàn)變不離其宗，其獲取表單元素value參數(shù)值的方法是相同的，所以本文介紹的方法是很實(shí)用的。