Можно ли установить флажок только после того, как пользователь щелкнет гиперссылку (Условия?)?

Question

Я пытаюсь написать форму, в которой пользователи выбирают опцию, и в результате этой опции отображаются определенные формы - у меня это отлично работает с jquery. Затем я пытаюсь заставить пользователя щелкнуть гиперссылку с Условиями, прежде чем он сможет установить флажок.

Я видел несколько примеров того, как пользователи должны нажимать на флажок, чтобы увидеть гиперссылку, но мне интересно, может ли это быть наоборот.

<div id="additionalForm" class="FormDiv">
  <fieldset>
    <legend>Housing Agreement</legend>
    <input id="chkSignature" name="chkSignature" type="checkbox" required>
    <label for="chkSignature">
       <b>I have read and I agree to the 
	  <a href="TermsandConditions.asp" target="_blank">Terms and Conditions</a>
       </b>
    </label>
  </fieldset>
</div>

Прямо сейчас, у меня есть проверка для флажков, но у меня нет возможности узнать, действительно ли они читают контент в гиперссылке. Я бы хотел, чтобы пользователь щелкнул гиперссылку в моем HTML-коде, прежде чем он сможет установить флажок.

Answer 1

• Добавлен атрибут disabled на флажок
• Добавлен прослушиватель событий клика по ссылке
• Удален отключенный атрибут при нажатии на ссылку

document.querySelector('#termsAndConditions')
  .addEventListener('click', function(e){
    document.querySelector('#chkSignature').removeAttribute('disabled');
  });

<div id="additionalForm" class="FormDiv">
  <fieldset>
    <legend>Housing Agreement</legend>
    <input id="chkSignature" name="chkSignature" type="checkbox" required disabled>

    <label><b>I have read and I agree to the <a href="TermsandConditions.asp" target="_blank" id="termsAndConditions">Terms and Conditions</a></b></label>

  </fieldset>
</div>