鼠标单击不会在JavaScript中触发多个操作

时间:2014-12-15 07:49:44

标签: javascript php forms

我在预订表格中有疑问。

我创建了日期选择器&成人和房间类型。

我计算所有没有。使用datepicker&的日子根据no.of.adult输入获得no.of房间 - 如果没有,每个房间4人。成人超过4个房间将改为2个。

所以问题是我想要计算鼠标点击事件所支付的金额。

我在下面的no.of.adults代码中有一个函数:

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();
}

但如果有人更改了no.of days(或)房间类型的值,则计算不会更新。我必须点击成人的号码进行计算。

所以我为所有按钮分配了与上面相同的功能。

但它不起作用..这样的事情正在发生..重现问题的步骤。

  1. 点击no.of.days - >房间类型 - > no.of.adults - >价值计算。

  2. 更改天数 - > no.of天数增加(但最终值未计算)

  3. 所以再次点击no.of.days - >触发器工作并计算最终值。

  4. 值已更新。但再次点击按钮只能进行计算。

  5. 我需要,如果我点击任何按钮,应该更改该值,同时使用新值,应计算最终金额。

    此处的表单链接:http://postlor.byethost7.com/booking/

    表单索引页面代码链接:http://postlor.byethost7.com/booking/index.txt

    请帮助我解决问题。

    先谢谢。 :)

1 个答案:

答案 0 :(得分:0)

在onSelect事件中的两个日期选择器中调用calc()函数