Всем привет!
Есть код формы:
<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 остается у той радио-кнопки, которая была в базе. Не могу понять, к какому событию нужно привязаться, чтобы "на лету" отслеживать, какая радио-кнопка выбрана на данный момент.
Направьте, пожалуйста, в нужную сторону, заранее благодарю!