Здравствуйте. Как изменить ссылку в кнопке, в зависимости от выбранного чекбокса?
Есть чекбоксы
<div class="text-right d-flex float-right" style="padding: 0px 0px 0px 0px;">
<div class="form-check" style="padding: 0px 30px 0px 0px;">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
<label class="form-check-label" for="exampleRadios1">
FB2
</label>
</div>
<div class="form-check" style="padding: 0px 30px 0px 0px;">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2">
<label class="form-check-label" for="exampleRadios2">
EPUB
</label>
</div>
<div class="form-check" style="padding: 0px 10px 0px 0px;">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios3" value="option3">
<label class="form-check-label" for="exampleRadios3">
PDF
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios4" value="option4">
<label class="form-check-label" for="exampleRadios4">
TXT
</label>
</div>
</div>
И есть ссылка/кнопка
<a href="#" name="kon" id="kon2" class="btn btn-lg btn-danger" style="width: 300px;">скачать</a></div>
Как изменять значение href, чтобы при выборе чекбокса заменялись ссылки?