<h4 class="mb-5">Choose a currency</h4>
<div class="row pt-4">
<div class="col col-sm-4 col-md-5">
- <input class="form-check-input mr-4 radiobtn" type="radio" name="currency" id="euro" value="euro" checked>
- <label for="euro" class="form-check-label radiobtn">€uro</label>
+ <input class="form-check-input mr-4 radiobtn" type="radio" name="currency" id="EUR" value="EUR" checked>
+ <label for="EUR" class="form-check-label radiobtn">€uro</label>
</div>
<div class="col col-sm-4 col-md-5">
- <input class="form-check-input mr-4 radiobtn" type="radio" name="currency" id="usd" value="usd">
- <label for="usd" class="form-check-label radiobtn">USD $</label>
+ <input class="form-check-input mr-4 radiobtn" type="radio" name="currency" id="USD" value="USD">
+ <label for="USD" class="form-check-label radiobtn">USD $</label>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$("input[name='currency']").on("change", function(){
- if ($(this).val() == "euro") {
+ if ($(this).val() == "EUR") {
$('.currency').html('€');
}
- else if ($(this).val() == "usd") {
+ else if ($(this).val() == "USD") {
$('.currency').html('$');
}
});