鼠标单击不会触发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（）函数