feat: 增加票种选择:Elite

master
LiaoYijun 6 months ago
parent 710a081a85
commit fce1252b25

@ -49,7 +49,7 @@
</div>
</label>
</div>
<div class="optionLable" id="ticket_type_standard_khomloy">
<div class="optionLable" id="ticket_type_premium_costume">
<input type="radio" value="Premium+Dinner+Exclusive Transfer+Thai Costume" id="premium_costume" data-price="369" name="ticket_type">
<label for="premium_costume" style="font-size:18px;">
Premium+Thai Costume<br>+Exclusive Transfer+Dinner
@ -58,6 +58,17 @@
</div>
</label>
</div>
//
<div class="optionLable" id="ticket_type_elite_ticket">
<input type="radio" value="Elite+Transfer+Dinner" id="elite_ticket" data-price="459" name="ticket_type">
<label for="elite_ticket" style="font-size:18px;">
Elite+Transfer+Dinner
<div class="selectionMemo">
US$459
</div>
</label>
</div>
//
</div>
<div id="ticket_type_errmsg" style="display: none">
<div class="requiredArea" style="margin-top:-10px;">Please select at least one option.</div>
@ -372,11 +383,13 @@
var ticket_type_premium_khomloy_div = document.getElementById("ticket_type_premium_khomloy");
var ticket_type_vip_khomloy_div = document.getElementById("ticket_type_vip_khomloy");
var ticket_type_standard_khomloy_div = document.getElementById("ticket_type_standard_khomloy");
var ticket_type_elite_ticket_div = document.getElementById("ticket_type_elite_ticket");
var premium_radio = document.getElementById("premium_khomloy");
var vip_radio = document.getElementById("vip_khomloy");
var standard_radio = document.getElementById("standard_khomloy");
var costume_radio = document.getElementById("premium_costume");
var elite_radio = document.getElementById("elite_ticket");
var first_ticket_date = document.getElementById("first_ticket_date");
var second_ticket_date = document.getElementById("second_ticket_date");
@ -420,6 +433,7 @@
vip_radio.disabled = false;
standard_radio.disabled = false;
costume_radio.disabled = false;
elite_radio.disabled = false;
premium_radio.checked = true;
currentTicketPrice = parseInt(vip_radio.getAttribute('data-price'));
@ -433,6 +447,7 @@
vip_radio.disabled = false;
standard_radio.disabled = false;
costume_radio.disabled = false;
elite_radio.disabled = false;
premium_radio.checked = true;
currentTicketPrice = parseInt(premium_radio.getAttribute('data-price'));

@ -6,47 +6,8 @@
<p style="font-size: 20px;margin-bottom: 20px;"><strong>Select an Available Ticket Type:</strong></p>
<div class="selectHotl" style="margin-bottom: 20px;">
<div class="optionLable" id="ticket_type_elite_december30th" style="display: none">
<input type="radio" value="Elite Ticket" id="elite_december30th" data-price="189" name="ticket_type">
<label for="elite_december30th" style="font-size:17px;">
<strong style=" margin-bottom: 5px;
display: block;
font-size: 19px;">Elite Ticket</strong>
<div class="selectionMemo">
US$189 (6900THB)
<br>
Elite service + no transfer + dinner
</div>
</label>
</div>
<div class="optionLable" id="ticket_type_elite_december31th" style="display: none">
<input type="radio" value="Elite Ticket" id="elite_december31th" data-price="289" name="ticket_type">
<label for="elite_december31th" style="font-size:17px;">
<strong style=" margin-bottom: 5px;
display: block;
font-size: 19px;">Elite Ticket</strong>
<div class="selectionMemo">
US$289 (10,000 THB)
<br>
Elite service + no transfer + dinner
</div>
</label>
</div>
<div class="optionLable" id="vip_type_premium_december30th" style="display: none">
<input type="radio" value="Premium Ticket" id="premium_december30th" data-price="139" name="ticket_type">
<label for="premium_december30th" style="font-size:17px;">
<strong style=" margin-bottom: 5px;
display: block;
font-size: 19px;">Premium Ticket</strong>
<div class="selectionMemo">
US$139 (4900THB)
<br>
Premium service + shuttle transfer + dinner
</div>
</label>
</div>
<div class="optionLable" id="vip_type_premium_december31th">
<input type="radio" value="Premium Ticket+ Transfer + Dinner" id="premium_december31th" data-price="209" name="ticket_type">
<div class="optionLable" id="ticket_type_premium_ticket">
<input type="radio" value="Premium Ticket+Transfer+Dinner" id="premium_december31th" data-price="209" name="ticket_type">
<label for="premium_december31th" style="font-size:19px;">
Premium+Transfer+Dinner
<div class="selectionMemo">
@ -54,21 +15,8 @@
</div>
</label>
</div>
<div class="optionLable" id="ticket_type_standard_december30th" style="display: none">
<input type="radio" value="VIP Ticket" id="vip_december30th" data-price="109" name="ticket_type">
<label for="vip_december30th" style="font-size:17px;">
<strong style=" margin-bottom: 5px;
display: block;
font-size: 19px;">VIP Ticket</strong>
<div class="selectionMemo" >
US$109 (3900THB)
<br>
VIP service + shuttle transfer + dinner
</div>
</label>
</div>
<div class="optionLable" id="ticket_type_standard_december31th">
<input type="radio" value="VIP Ticket+ Transfer + Dinner" checked id="vip_december31th" data-price="199" name="ticket_type">
<div class="optionLable" id="ticket_type_vip_ticket">
<input type="radio" value="VIP Ticket+Transfer+Dinner" checked id="vip_december31th" data-price="199" name="ticket_type">
<label for="vip_december31th" style="font-size:18px;">
VIP+Transfer+Dinner
<div class="selectionMemo">
@ -76,8 +24,8 @@
</div>
</label>
</div>
<div class="optionLable" id="ticket_type_standard_december31th">
<input type="radio" value="Standard Ticket+ Transfer + Dinner" checked id="standard_december31th" data-price="149" name="ticket_type">
<div class="optionLable" id="ticket_type_standard_ticket">
<input type="radio" value="Standard Ticket+Transfer+Dinner" checked id="standard_december31th" data-price="149" name="ticket_type">
<label for="standard_december31th" style="font-size:18px;">
Standard+Transfer+Dinner
<div class="selectionMemo" >
@ -85,7 +33,7 @@
</div>
</label>
</div>
<div class="optionLable" id="ticket_type_standard_december31th">
<div class="optionLable" id="ticket_type_premium_costume">
<input type="radio" value="Premium+Dinner+Exclusive Transfer+Thai Costume" checked id="premium_costume" data-price="349" name="ticket_type">
<label for="premium_costume" style="font-size:18px;">
Premium+Thai Costume<br>+Exclusive Transfer+Dinner
@ -94,6 +42,15 @@
</div>
</label>
</div>
<div class="optionLable" id="ticket_type_elite_ticket">
<input type="radio" value="Elite+Transfer+Dinner" checked id="elite_ticket" data-price="459" name="ticket_type">
<label for="elite_ticket" style="font-size:18px;">
Elite+Transfer+Dinner
<div class="selectionMemo">
US$459
</div>
</label>
</div>
</div>
<div id="ticket_type_errmsg" style="display: none">
<div class="requiredArea" style="margin-top:-10px;">Please select at least one option.</div>
@ -419,16 +376,6 @@
var makeupNumberValue = parseInt(makeupNumberNode.value);
var currentTicketPrice = 10000;
var vip_december30thRadio = document.getElementById("vip_december30th");
var vip_december31thRadio = document.getElementById("vip_december31th");
var ticket_type_elite_december30th_div = document.getElementById("ticket_type_elite_december30th");
var ticket_type_elite_december31th_div = document.getElementById("ticket_type_elite_december31th");
var vip_type_premium_december30th_div = document.getElementById("vip_type_premium_december30th");
var vip_type_premium_december31th_div = document.getElementById("vip_type_premium_december31th");
var ticket_type_standard_december30th_div = document.getElementById("ticket_type_standard_december30th");
var ticket_type_standard_december31th_div = document.getElementById("ticket_type_standard_december31th");
for (var i = 0; i < ticketTypeList.length; i++) {
var ticketTypeNode = ticketTypeList[i];
currentTicketPrice = parseInt(ticketTypeNode.getAttribute('data-price'));
@ -443,54 +390,6 @@
});
}
/**
var ticketDateList = document.querySelectorAll("input[name='ticket_date']");
for (var i = 0; i < ticketDateList.length; i++) {
var ticketDateNode = ticketDateList[i];
ticketDateNode.addEventListener('click', function (event) {
var currentTarget = event.currentTarget;
if (currentTarget.id === 'december30th') {
setDecember30thTicket();
} else if (currentTarget.id === 'december31st') {
setDecember31stTicket();
}
});
}
*/
function setDecember30thTicket() {
ticket_type_elite_december30th_div.style.display = '';
ticket_type_elite_december31th_div.style.display = 'none';
vip_type_premium_december30th_div.style.display = '';
vip_type_premium_december31th_div.style.display = 'none';
ticket_type_standard_december30th_div.style.display = '';
ticket_type_standard_december31th_div.style.display = 'none';
vip_december30thRadio.checked = true;
currentTicketPrice = parseInt(vip_december30thRadio.getAttribute('data-price'));
adultNumberValue = parseInt(adultNumberNode.value);
calcTotalPrice(currentTicketPrice, adultNumberValue);
}
function setDecember31stTicket() {
ticket_type_elite_december30th_div.style.display = 'none';
ticket_type_elite_december31th_div.style.display = '';
vip_type_premium_december30th_div.style.display = 'none';
vip_type_premium_december31th_div.style.display = '';
ticket_type_standard_december30th_div.style.display = 'none';
ticket_type_standard_december31th_div.style.display = '';
vip_december31thRadio.checked = true;
currentTicketPrice = parseInt(vip_december31thRadio.getAttribute('data-price'));
adultNumberValue = parseInt(adultNumberNode.value);
calcTotalPrice(currentTicketPrice, adultNumberValue);
}
var plusButton = document.getElementById("plusButton");
var minusButton = document.getElementById("minusButton");
plusButton.addEventListener('click', function (event) {

Loading…
Cancel
Save