2015-09-14 48 views
0

我試圖創建一個票據預訂表單,根據用戶輸入動態更新定價。根據表單選擇計算多個座位價格?

到目前爲止,我已經能夠工作的是根據用戶選擇的內容(基於特定標準)的組合過濾選項。

我需要做的下一件事是以某種方式讓表格根據選定的數量和票據類型計算個人座位價格,然後將它們累加爲總價。

我在創建一個關聯數組用於定義基於一定的標準票每種類型的價格做出了嘗試:

//price of seating 
function getPrices(day, time) { 
    var day = $('#whichDay').val(); // gets day value 
    var time = $('#whichSession').val(); //gets time value 
    var prices = new Array(); // creates the array 

    if (day == 'mon' || day == 'tue' || time == '1pm') { 
     prices["SA"] = 12; 
     prices["SP"] = 10; 
     prices["SC"] = 8; 
     prices["FA"] = 25; 
     prices["FC"] = 20; 
     prices["B1"] = 20; 
     prices["B2"] = 20; 
     prices["B3"] = 20; 
    } else { 
     prices["SA"] = 18; 
     prices["SP"] = 15; 
     prices["SC"] = 12; 
     prices["FA"] = 30; 
     prices["FC"] = 25; 
     prices["B1"] = 30; 
     prices["B2"] = 30; 
     prices["B3"] = 30; 
    } 
    return prices; 
} 

的問題是,我不能確定在哪裏何去何從或如果我已經創建了適當的表格,以便它可以進行這種計算。

有很多有,所以我已經創建工作提琴爲你們玩弄:提前http://jsfiddle.net/qtsxkgrw/2/

非常感謝!

+0

你有沒有考慮過使用淘汰賽?請檢查:http://knockoutjs.com/examples/cartEditor.html –

回答

-1

首先,爲了上帝的愛,請停止使用桌子。 :D

您的解決方案可能是使用數據屬性。 Soemthing像這樣在你的HTML:

<input data-price="99.99" type="checkbox" class="ticketType" name="FA" value="FA"><span class="first-class">First Class </span> - Adult</td> 

並使用獲得的價值:

var price = $(this).data("price"); 

希望這有助於!

+0

停止使用表?表格是有效的html,並且非常適合用於呈現TABULAR數據,如定價表。 – wf4

+0

這是一個建議,而不是他的問題的答案,所以這並不能解釋downvote。 – WingmanImd

+0

爲什麼你認爲我低估了? – wf4