Как изменять ссылку в кнопке по чекбоксу?

Здравствуйте. Как изменить ссылку в кнопке, в зависимости от выбранного чекбокса?

Есть чекбоксы

<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, чтобы при выборе чекбокса заменялись ссылки?