新增年龄勾选项

master
candice 3 years ago
parent 7d78900525
commit d068644371

@ -798,7 +798,7 @@
width: 50%;
margin-top: 10px;
font-size: 24px;
display: inline-block
display: inline-block; float: left;
}
.peopleSelect:nth-child(odd) {
@ -1042,6 +1042,8 @@ select.country_code {margin-right: 5px;
border-radius: 4px;
border: 1px solid #d1d1d1;
float: left;}
.age_range { display: inline-block;width: 495px;height: 120px;}
.age_range .checkYes {float: left; margin-right: 25px;}
</style>
</head>
@ -1276,7 +1278,7 @@ select.country_code {margin-right: 5px;
Number in Your Group * <span id="number_error_msg" style="color:#ad1818;font-size:18px;"
class="hidden">(Please fill out this field.)</span>
</h3>
<div class="peopleSelect">
<div class="peopleSelect" style="width: 245px;">
<span class="formMemo">
Adults (≥12 years old)
</span>
@ -1286,7 +1288,37 @@ select.country_code {margin-right: 5px;
<input class="minaddBtn addadult" type="button" value="+" />
</div>
</div>
<div class="peopleSelect">
<div class="age_range">
<p>
Adults' ages
</p>
<div class="checkYes">
<label for="12-17">
<input type="checkbox" value="yes" name="adult age range 12 17" id="12-17" class="checkBorder" >12-17
</label>
</div>
<div class="checkYes">
<label for="18-30">
<input type="checkbox" value="yes" name="adult age range 18 30" id="18-30" class="checkBorder" >18-30
</label>
</div>
<div class="checkYes">
<label for="31-50">
<input type="checkbox" value="yes" name="adult age range 31 50" id="31-50" class="checkBorder" >31-50
</label>
</div>
<div class="checkYes">
<label for="51-64">
<input type="checkbox" value="yes" name="adult age range 51 64" id="51-64" class="checkBorder" >51-64
</label>
</div>
<div class="checkYes">
<label for="65+">
<input type="checkbox" value="yes" name="adult age range 65" id="65+" class="checkBorder" >65+
</label>
</div>
</div>
<div class="peopleSelect" style="width: 245px;">
<span class="formMemo">
Kids (2-11 years old)
</span>
@ -1296,6 +1328,28 @@ select.country_code {margin-right: 5px;
<input class="minaddBtn addchild" type="button" value="+" />
</div>
</div>
<div class="age_range">
<p>
Kids' ages
</p>
<div class="checkYes">
<label for="0">
<input type="checkbox" value="yes" name="kid age range 0 2" id="0" class="checkBorder" >0-2
</label>
</div>
<div class="checkYes">
<label for="3">
<input type="checkbox" value="yes" name="kid age range 3 7" id="3" class="checkBorder" >3-7
</label>
</div>
<div class="checkYes">
<label for="8">
<input type="checkbox" value="yes" name="kid age range 8 11" id="8" class="checkBorder" >8-11
</label>
</div>
</div>
<div class="clear">
</div>
</div>

@ -511,10 +511,12 @@
}
.checkYes {
padding-left: 10px;
margin-top: 15px;
margin-bottom: 5px;
float: left;
margin-top: 5px;
margin-right: 30px;
}
.checkYes input { margin-right: 5px;}
.checkBorder:checked {
background-color: #ad1818;
border-color: #ad1818;
@ -597,10 +599,8 @@
.inquiryBtn {
display: block;
padding: 20px 0 0;
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px
font-size: 24px;
margin-top: 125px;
}
button {
@ -703,6 +703,9 @@ select.country_code {
height: 67px;
margin-bottom: 15px;
margin-right: 0;}
.age_range {
display: inline-block;
}
</style>
</head>
@ -856,6 +859,36 @@ select.country_code {
<button class="minaddBtn addadult" type="button" value="+">+</button>
</div>
<div class="age_range">
<p>
Adults' ages
</p>
<div class="checkYes">
<label for="12-17">
<input type="checkbox" value="yes" name="adult age range 12 17" id="12-17" class="checkBorder" >12-17
</label>
</div>
<div class="checkYes">
<label for="18-30">
<input type="checkbox" value="yes" name="adult age range 18 30" id="18-30" class="checkBorder" >18-30
</label>
</div>
<div class="checkYes">
<label for="31-50">
<input type="checkbox" value="yes" name="adult age range 31 50" id="31-50" class="checkBorder" >31-50
</label>
</div>
<div class="checkYes">
<label for="51-64">
<input type="checkbox" value="yes" name="adult age range 51 64" id="51-64" class="checkBorder" >51-64
</label>
</div>
<div class="checkYes">
<label for="65+">
<input type="checkbox" value="yes" name="adult age range 65" id="65+" class="checkBorder" >65+
</label>
</div>
</div>
<div class="peopleSelect">
<span class="formMemo">
Kids (2-11 years old)
@ -867,6 +900,28 @@ select.country_code {
<button class="minaddBtn addchild" type="button" value="+">+</button>
</div>
<div class="age_range">
<p>
Kids' ages
</p>
<div class="checkYes">
<label for="0">
<input type="checkbox" value="yes" name="kid age range 0 2" id="0" class="checkBorder" >0-2
</label>
</div>
<div class="checkYes">
<label for="3">
<input type="checkbox" value="yes" name="kid age range 3 7" id="3" class="checkBorder" >3-7
</label>
</div>
<div class="checkYes">
<label for="8">
<input type="checkbox" value="yes" name="kid age range 8 11" id="8" class="checkBorder" >8-11
</label>
</div>
</div>
</div>
<div class="selectionBlock" style="width: 88%;">
<h3 id="dateselect">

Loading…
Cancel
Save