鼠標單擊不會觸發JavaScript中的多個動作

Question

我對我的預訂表格有疑問。

我已經創建了日期選擇器和成人人數以及房間類型。

我正在計算所有數字。 使用日期選擇器的天數，並根據成人輸入的數量獲取房間數-如果沒有，則為每個房間4人。 成人超過4個房間將更改為2。

所以問題是我想計算鼠標單擊事件要支付的金額。

我有下面的成人代碼的功能：

function calc()
{
   var textValue1 = document.getElementById('rent_room').value;
   var textValue2 = document.getElementById('id_days').value;
   var textValue3 = document.getElementById('id_rooms').value;

   document.getElementById('total_id').value = textValue1 * textValue2 * textValue3;

   var textValue4 = document.getElementById('total_id').value;
   var textValue5 = document.getElementById('tax_id').value;

   document.getElementById('tax_id').value = textValue4 / 100 * 17.5; 
   document.getElementById('total_amount').value = ((+textValue4) + (+textValue5)).toFixed();
}

但是如果某人更改了天數（或房間類型）的值，則該計算不會更新。 我必須點擊成人數進行計算。

所以我為所有按鈕分配了與上述相同的功能。

但是它不起作用..它是這樣發生的。重現此問題的步驟。

1. 單擊天數->房間類型->成人數->計算值。

2. 更改天數->天數增加（但不計算最終值）

3. 因此，再次單擊天數->觸發起作用，並計算出最終值。

4. 值已更新。 但再次單擊該按鈕僅使其進行計算。

我需要如果我單擊任何按鈕，則值應更改，同時應使用新值來計算最終金額。

此處的表單鏈接： http : //postlor.byethost7.com/booking/

表單索引頁面代碼鏈接在這里： http : //postlor.byethost7.com/booking/index.txt

請幫助我解決這個問題。

提前致謝。 :)

Answer 1

在onSelect事件的兩個日期選擇器中調用您的calc（）函數