增加人数加减JS

hotfix/paypal-note
candice 3 years ago
parent 774314c27e
commit ff301100df

@ -46,36 +46,52 @@
</div> </div>
<h4>Children</h4> <h4>Children</h4>
<div class="peopleSelect" > <div class="kids_age">
<span class="formMemo"> <p style="margin-bottom: 5px;">10-17 yrs old</p>
10-17 years old <select class="kids_number" id="teenagerNumber" name="teenagerNumber">
</span> <option value="0">0
<div class="numberBtn"> </option>
<input class="minaddBtn reducechild" id="minusTeenager" type="button" value="-"> <option value="1">1
<input class="kidNum" type="text" id="teenagerNumber" value="0" name="teenagerNumber"> </option>
<input class="minaddBtn addchild" id="plusTeenager" type="button" value="+">
</div>
</div>
<div class="peopleSelect"> <option value="2">2
<span class="formMemo"> </option>
3-9 years old <option value="3">3
</span> </option>
<div class="numberBtn"> <option value="4">4
<input class="minaddBtn reducechild" id="minusChildren" type="button" value="-"> </option>
<input class="kidNum" type="text" id="childrenNumber" value="0" name="childrenNumber"> </select>
<input class="minaddBtn addchild" id="plusChildren" type="button" value="+">
</div>
</div> </div>
<div class="peopleSelect"> <div class="kids_age">
<span class="formMemo"> <p style="margin-bottom: 5px;">3-9 yrs old</p>
0-2 years old <select class="kids_number" id="childrenNumber" name="childrenNumber">
</span> <option value="0">0
<div class="numberBtn"> </option>
<input class="minaddBtn reducechild" id="minusInfant" type="button" value="-"> <option value="1">1
<input class="kidNum" type="text" id="infantNumber" value="0" name="infantNumber"> </option>
<input class="minaddBtn addchild" id="plusInfant" type="button" value="+">
<option value="2">2
</option>
<option value="3">3
</option>
<option value="4">4
</option>
</select>
</div> </div>
<div class="kids_age">
<p style="margin-bottom: 5px;">0-2 yrs old</p>
<select class="kids_number" id="infantNumber" name="infantNumber">
<option value="0">0
</option>
<option value="1">1
</option>
<option value="2">2
</option>
<option value="3">3
</option>
<option value="4">4
</option>
</select>
</div> </div>
<input class="FullName" id="realname" name="name" placeholder="Your name *" required="" type="text" value="" /> <input class="FullName" id="realname" name="name" placeholder="Your name *" required="" type="text" value="" />
@ -483,4 +499,49 @@ function validateQuickInquiryForm() {
return result; return result;
} }
</script> </script>
<script>
//成人
$('#plusAdult').click(function () {
adultNumber++;
$adultNumberInput.val(adultNumber);
});
$('#minusAdult').click(function () {
if (adultNumber > 1) {
adultNumber--;
$adultNumberInput.val(adultNumber);
}
});
// 青少年
$('#plusTeenager').click(function () {
teenagerNumber++;
$teenagerNumberInput.val(teenagerNumber);
});
$('#minusTeenager').click(function () {
if (teenagerNumber > 0) {
teenagerNumber--;
$teenagerNumberInput.val(teenagerNumber);
}
});
// 儿童
$('#plusChildren').click(function () {
childrenNumber++;
$childrenNumberInput.val(childrenNumber);
});
$('#minusChildren').click(function () {
if (childrenNumber > 0) {
childrenNumber--;
$childrenNumberInput.val(childrenNumber);
}
});
// 婴儿
$('#plusInfant').click(function () {
infantNumber++;
$infantNumberInput.val(infantNumber);
});
$('#minusInfant').click(function () {
if (infantNumber > 0) {
infantNumber--;
$infantNumberInput.val(infantNumber);
}
});
</script>

@ -579,3 +579,49 @@ function validateQuickInquiryForm() {
return result; return result;
} }
</script> </script>
<script>
//成人
$('#plusAdult').click(function () {
adultNumber++;
$adultNumberInput.val(adultNumber);
});
$('#minusAdult').click(function () {
if (adultNumber > 1) {
adultNumber--;
$adultNumberInput.val(adultNumber);
}
});
// 青少年
$('#plusTeenager').click(function () {
teenagerNumber++;
$teenagerNumberInput.val(teenagerNumber);
});
$('#minusTeenager').click(function () {
if (teenagerNumber > 0) {
teenagerNumber--;
$teenagerNumberInput.val(teenagerNumber);
}
});
// 儿童
$('#plusChildren').click(function () {
childrenNumber++;
$childrenNumberInput.val(childrenNumber);
});
$('#minusChildren').click(function () {
if (childrenNumber > 0) {
childrenNumber--;
$childrenNumberInput.val(childrenNumber);
}
});
// 婴儿
$('#plusInfant').click(function () {
infantNumber++;
$infantNumberInput.val(infantNumber);
});
$('#minusInfant').click(function () {
if (infantNumber > 0) {
infantNumber--;
$infantNumberInput.val(infantNumber);
}
});
</script>
Loading…
Cancel
Save