Рассчитать несколько цен на размещение в зависимости от выбора формы?

Question

Я пытаюсь создать форму бронирования билетов, которая динамически обновляет цены на основе ввода пользователем.

До сих пор то, что я смог получить, - это фильтрация опций на основе комбинаций того, что выбрал пользователь (который основан на определенных критериях).

Следующее, что мне нужно сделать, это как-то заставить таблицу рассчитать индивидуальные цены на размещение в зависимости от выбранного количества и типа билета, а затем добавить их для общей цены.

Я сделал попытку создать ассоциативный массив, который определяет цену каждого типа билета на основе определенных критериев:

//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/

Большое спасибо заранее!

Answer 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"); 

Надеется, что это помогает!