使用基於複選框和下拉選擇的jQuery執行乘法

Question

我需要根據用戶選擇下拉選項和選擇註冊表中的複選框項目來進行數學計算。

我有一個下拉選項標記和「上市所需的類型」包含兩個選項：

• 精選
• 標準（每區每月£10）
（每區每月£25）

我們也有這樣的下降下面3個複選框項目下降，這被標記爲「哪個區域/地區你服務？」：

• 奧特林厄姆
• 硬朗
• 售

用戶後，選擇了從和他們的選擇，「上市所需的類型」選項「哪個區域/地區你服務？」我想在提交按鈕之前向他們顯示總價。

計算是（「要求上市類型」）乘以數量（「哪個區域/地區你服務？」）

因此，如果用戶選擇「標準（每人每月面積10£ ）「然後勾號全部 3複選框選項（Altrincham，Hale，Sale）我想顯示一條消息，指出」總費用爲每月30英鎊「。這將是£結果10次3

如果用戶選擇「精選（每人每月面積£25）」，然後蜱任何 2複選框選項（奧特林厄姆，銷售）我想顯示一條消息，說「總成本是每月50英鎊」。這將是英鎊25的結果。2.

如果用戶選擇「精選（每月每英鎊25英鎊）」，然後勾號任何 1複選框選項（海爾）我想顯示一條消息，說「總費用是每月25英鎊「。這將是英鎊25倍的結果。

我該如何解決這個問題？

感謝

Answer 1

你可以解決它是由具有功能讀取你需要到不同的變量中的所有值的方式。

然後檢查每個變量的期望值並相應地進行計算。 Yoy會將結果存儲在另一個變量中。

最後，您將使用變量設置UI元素的值。

如何觸發此功能？

它可以基於按下按鈕，或者當一個元素的值被改變時完成。在第一種情況下，您將使用$（）。click（function（）{...}），並在第二種情況下使用$（）。change（function（）{...}）。

要從您使用$（）。val（）的元素中獲取值並將其設置爲相同，但在函數（val（newValue））中傳遞一個值。

彙總：

$(document).ready(function(){ 

function doCalculations(){ 
    var input1 = $(input1selector).val(); 
    ... 
    var result = 0; 
    if(){ 
     ... 
     result = ...; 
    }else if() { 
     ... 
     result = ...; 
    }else{ 
     ... 
     result = ...; 
    } 

    $(uiOutputSelector).val(result); 
}; 

$(calcButtonSelector).click(function(){ 
    doCalculations(); 
}); 


}); 

Answer 2

你不關心它的城市進行了檢查，只是有多少人。

您可以在每個複選框的三個複選框上聆聽change事件，您可以在計數被檢查時遞增計數，並在未檢查時遞減計數。

修改次數後，就可以調用會使總如果總和> 1或隱藏/刪除的總價格，如果總爲0

當然的功能，我不會寫任何代碼爲你，因爲我不知道你的標記是什麼樣的，以及你可能已經寫了什麼JavaScript代碼。