Как написать jquery/js скрипт, чтобы — при клике по определенной радио-кнопке из группы — поле ввода становилось бы disabled: false?

Всем привет!

Есть код формы:
<form action="" type="POST" id="online-modal">
        <h2>Как выставить режим Онлайн?</h2>
        <div class="type-online">
            <input type="radio" name="online_mode"  value="1">
            <span>Показывать Онлайн только тогда, когда я на сайте</span>
        </div>
        <div class="type-online">
            <input type="radio" id="two_r" name="online_mode" checked value="2" >
            <span>Вручную. Онлайн </span>
            <input type="checkbox" id="check2" class="custom-switch" checked name="switch_online" value="1">
            <span> (активируйте ежедневно)</span>
            <div class="clock-two">
                <div class="form_online">Оставлять Онлайн до</div>
                <input type="text" placeholder="00-00" pattern="[0-9]{2}-[0-9]{2}" name="do_end" id="time_online" value="20-45" disabled>
                <div class="form_online"> по Москве</div>
            </div>
        </div>
        <div class="type-online">
            <input type="radio" name="online_mode"  value="3">
            <span>НЕДОСТУПЕН. Планирую длительный перерыв в работе.</span>
        </div>
        <input type="submit" value="Применить" class="online-submit" name="wdsub" id="do-online">
    </form>


Необходимо, чтобы input c id="time_online", который по дефолту имеет свойство disabled, становился активным лишь в том случае, если выбрана радио-кнопка с id="two_r". Во всех остальных случаях это поле неактивно. При загрузке данной формы свойство "cheked" у радио-кнопок подгружается динамически, из базы данных.

Jquery-код:
if($('.custom-switch').prop('checked') === true){
        $('#time_online').prop('disabled', false);
    }


не прокатывает, поскольку при клике на другую радио-кнопку свойство cheked остается у той радио-кнопки, которая была в базе. Не могу понять, к какому событию нужно привязаться, чтобы "на лету" отслеживать, какая радио-кнопка выбрана на данный момент.

Направьте, пожалуйста, в нужную сторону, заранее благодарю!
  • Вопрос задан
  • 491 просмотр
Пригласить эксперта
Ответы на вопрос 2
@Froggyweb
$('.custom-switch').on('click', function(){
$(this)
})
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы