Включение / отключение ввода текста при щелчке по другому радиовходу

Question

У меня два входа радио и один вход. Я хочу отключить ввод текста, если значение переключателя равно exam-two, и включить его, если выбрано значение exam-one. Как я могу это сделать?

$(document).ready(function(){
    $('input[name="tekcift-yon"]').click(function(){
        $('.attr-sys').attr('disable').siblings().attr('disable');       
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label><input type="radio" name="exam" value="exam-one" /> Exam one</label>
<label><input type="radio" name="exam" value="exam-two" /> Exam two</label>

<input type="text" class="attr-sys" value="exam to click disable this input" />

Answer 1

Значит, при щелчке по радио-входу «экзамен-два» вы хотите установить атрибут disabled входного «attr-sys»?

Хорошо.

let input = document.querySelector('.attr-sys');
function clickExamTwo() {
  input.disabled = true;
}

function clickExamOne() {
  input.disabled = false;
}

<label><input type="radio" name="exam" value="exam-one"
  onclick="clickExamOne();"/> Exam one</label>
<label><input type="radio" name="exam" value="exam-two"
  onclick="clickExamTwo();"/> Exam two</label>

<input type="text" class="attr-sys" value="exam to click disable this input" />

Answer 2

Вы можете добиться этого, прикрепив прослушиватель событий для изменения события на переключателях, проверьте значение и в зависимости от условия добавить отключено prop для ввода, вот рабочий фрагмент:

$(document).ready(function(){
    $('input[name="exam"]').on('change', function(){
       if($(this).val() === 'exam-two') {
         $('.attr-sys').prop('disabled', true);  
       }
       else {
         $('.attr-sys').prop('disabled', false);  
       }
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label><input type="radio" name="exam" value="exam-one" /> Exam one</label>
<label><input type="radio" name="exam" value="exam-two" /> Exam two</label>

<input type="text" class="attr-sys" value="exam to click disable this input" />