Hide t-shirt size selector when t-shirt's unwanted
Use Javascript to hide the t-shirt size selector when the the user selects "No" for "Do you want a t-shirt?". Reshow it (and make sure it's shown by default) for "Yes".
This commit is contained in:
parent
fcbb3b5085
commit
7fec31ce8a
2 changed files with 14 additions and 2 deletions
www/conservancy/static
|
@ -32,6 +32,16 @@ $(document).ready(function() {
|
||||||
$control.find('.toggle-content').slideUp("slow");
|
$control.find('.toggle-content').slideUp("slow");
|
||||||
$control.find('.toggle-content').slideDown("slow");
|
$control.find('.toggle-content').slideDown("slow");
|
||||||
});
|
});
|
||||||
|
$(".t-shirt-size-selector").show();
|
||||||
|
$('input[name=os1]:radio').change(function() {
|
||||||
|
var input=$(this);
|
||||||
|
var value = input.val();
|
||||||
|
if (value == "Yes") {
|
||||||
|
$(".t-shirt-size-selector").show();
|
||||||
|
} else {
|
||||||
|
$(".t-shirt-size-selector").hide();
|
||||||
|
}
|
||||||
|
});
|
||||||
$('#amount').addClass("valid");
|
$('#amount').addClass("valid");
|
||||||
$('#amount').on('input', function() {
|
$('#amount').on('input', function() {
|
||||||
var input=$(this);
|
var input=$(this);
|
||||||
|
|
|
@ -149,6 +149,7 @@ internal policies</a> are published and available for scrutiny.</p>
|
||||||
<input type="radio" checked="checked" name="os1" value="Yes" />Yes
|
<input type="radio" checked="checked" name="os1" value="Yes" />Yes
|
||||||
<input type="radio" name="os1" value="No" />No
|
<input type="radio" name="os1" value="No" />No
|
||||||
<br />
|
<br />
|
||||||
|
<span class="t-shirt-size-selector">
|
||||||
<label for="wantGift"><strong>T-shirt size: </strong></label>
|
<label for="wantGift"><strong>T-shirt size: </strong></label>
|
||||||
<input type="hidden" name="on3" value="size"/>
|
<input type="hidden" name="on3" value="size"/>
|
||||||
<select name="os3" id="os3">
|
<select name="os3" id="os3">
|
||||||
|
@ -161,7 +162,7 @@ internal policies</a> are published and available for scrutiny.</p>
|
||||||
<option name="os3" id="os3" value="LadiesM">Ladies' M</option>
|
<option name="os3" id="os3" value="LadiesM">Ladies' M</option>
|
||||||
<option name="os3" id="os3" value="LadiesL">Ladies' L</option>
|
<option name="os3" id="os3" value="LadiesL">Ladies' L</option>
|
||||||
<option name="os3" id="os3" value="LadiesXL">Ladies' XL</option>
|
<option name="os3" id="os3" value="LadiesXL">Ladies' XL</option>
|
||||||
</select><br/>
|
</select><br/></span>
|
||||||
<label for="publicAck"><strong>
|
<label for="publicAck"><strong>
|
||||||
Should we <a href="/sponsors#supporters">list you publicly</a> as a Conservancy Supporter? </strong></label>
|
Should we <a href="/sponsors#supporters">list you publicly</a> as a Conservancy Supporter? </strong></label>
|
||||||
<input type="hidden" name="on2" value="publicAck" />
|
<input type="hidden" name="on2" value="publicAck" />
|
||||||
|
@ -202,6 +203,7 @@ internal policies</a> are published and available for scrutiny.</p>
|
||||||
<input type="radio" checked="checked" name="os1" value="Yes" />Yes
|
<input type="radio" checked="checked" name="os1" value="Yes" />Yes
|
||||||
<input type="radio" name="os1" value="No" />No
|
<input type="radio" name="os1" value="No" />No
|
||||||
<br />
|
<br />
|
||||||
|
<span class="t-shirt-size-selector">
|
||||||
<label for="wantGift"><strong>T-shirt size: </strong></label>
|
<label for="wantGift"><strong>T-shirt size: </strong></label>
|
||||||
<input type="hidden" name="on3" value="size"/>
|
<input type="hidden" name="on3" value="size"/>
|
||||||
<select name="os3" id="os3">
|
<select name="os3" id="os3">
|
||||||
|
@ -214,7 +216,7 @@ internal policies</a> are published and available for scrutiny.</p>
|
||||||
<option name="os3" id="os3" value="LadiesM">Ladies' M</option>
|
<option name="os3" id="os3" value="LadiesM">Ladies' M</option>
|
||||||
<option name="os3" id="os3" value="LadiesL">Ladies' L</option>
|
<option name="os3" id="os3" value="LadiesL">Ladies' L</option>
|
||||||
<option name="os3" id="os3" value="LadiesXL">Ladies' XL</option>
|
<option name="os3" id="os3" value="LadiesXL">Ladies' XL</option>
|
||||||
</select><br/>
|
</select><br/></span>
|
||||||
<label for="publicAck"><strong>
|
<label for="publicAck"><strong>
|
||||||
Should we <a href="/sponsors#supporters">list you publicly</a> as a Conservancy Supporter? </strong></label>
|
Should we <a href="/sponsors#supporters">list you publicly</a> as a Conservancy Supporter? </strong></label>
|
||||||
<input type="hidden" name="on2" value="publicAck" />
|
<input type="hidden" name="on2" value="publicAck" />
|
||||||
|
|
Loading…
Add table
Reference in a new issue