Skip to content

Instantly share code, notes, and snippets.

@sallywizard

sallywizard/index.html

Created October 12, 2018 18:44
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sallywizard/32f86cc66baa31280c5cb198c646d804 to your computer and use it in GitHub Desktop.
Save sallywizard/32f86cc66baa31280c5cb198c646d804 to your computer and use it in GitHub Desktop.
Download ZIP
JS Bin // source https://jsbin.com/rigozos
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style type="text/css" >
.inpmtcc {display:none;}
#InPmtMethodTxns_CryptoCurrency, #InPmtMethodRisk_CryptoCurrency {display:none;}
</style>
</head>
<body>
<div class="row">
<div class="columns medium-5" >
<input id="InPmtMethod_CryptoCurrency" type="checkbox" name="InPmtMethod_CryptoCurrency" onclick="javascript:DisplayInPmtCryptoCurrency()" ><label for="InPmtMethod_CryptoCurrency">Crypto Currency</label>
</div>
<div class="columns medium-4" >
<label class="inpmtcc" id="InPmtMethodTxns_CryptoCurrency" >Number Crypto Currency transactions<input id="InPmtMethod_CryptoCurrencyINP" class="inputanumber" type="text" pattern="[0-9]{1,7}" name="InPmtMethodTxns_CryptoCurrency" value="0" ></label>
</div>
<div class="columns medium-3" >
<label class="inpmtcc" id="InPmtMethodRisk_CryptoCurrency" >Rate the Risk (1=highest, 5 lowest)<input id="InPmtMethodRisk_CryptoCurrencyINP" class="inputanumber" type="text" pattern="[1-5]{1,1}" name="InPmtMethodRisk_CryptoCurrency" ></label>
</div>
</div>
<script id="jsbin-javascript">
function DisplayInPmtCryptoCurrency() {
var selectpmCryptoCurrency = document.getElementById("InPmtMethod_CryptoCurrency");
if (selectpmCryptoCurrency.value=='on') {
document.getElementById("InPmtMethodTxns_CryptoCurrency").style.display = 'block';
document.getElementById("InPmtMethodRisk_CryptoCurrency").style.display = 'block';
} else {
document.getElementById("InPmtMethodTxns_CryptoCurrency").style.display = 'none';
document.getElementById("InPmtMethodRisk_CryptoCurrency").style.display = 'none';
document.getElementById("InPmtMethodTxns_CryptoCurrencyINP").value = 0;
document.getElementById("InPmtMethodRisk_CryptoCurrencyINP").value = 5;
}
}
</script>
<script id="jsbin-source-javascript" type="text/javascript">function DisplayInPmtCryptoCurrency() {
var selectpmCryptoCurrency = document.getElementById("InPmtMethod_CryptoCurrency");
if (selectpmCryptoCurrency.value=='on') {
document.getElementById("InPmtMethodTxns_CryptoCurrency").style.display = 'block';
document.getElementById("InPmtMethodRisk_CryptoCurrency").style.display = 'block';
} else {
document.getElementById("InPmtMethodTxns_CryptoCurrency").style.display = 'none';
document.getElementById("InPmtMethodRisk_CryptoCurrency").style.display = 'none';
document.getElementById("InPmtMethodTxns_CryptoCurrencyINP").value = 0;
document.getElementById("InPmtMethodRisk_CryptoCurrencyINP").value = 5;
}
}
</script></body>
</html>
Raw
jsbin.rigozos.js
function DisplayInPmtCryptoCurrency() {
var selectpmCryptoCurrency = document.getElementById("InPmtMethod_CryptoCurrency");
if (selectpmCryptoCurrency.value=='on') {
document.getElementById("InPmtMethodTxns_CryptoCurrency").style.display = 'block';
document.getElementById("InPmtMethodRisk_CryptoCurrency").style.display = 'block';
} else {
document.getElementById("InPmtMethodTxns_CryptoCurrency").style.display = 'none';
document.getElementById("InPmtMethodRisk_CryptoCurrency").style.display = 'none';
document.getElementById("InPmtMethodTxns_CryptoCurrencyINP").value = 0;
document.getElementById("InPmtMethodRisk_CryptoCurrencyINP").value = 5;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment