2016-06-10 2 views
0

Я запускаю сценарий jQuery для отключения переключателя при выборе выбора из выпадающего списка. В то же время, я прошу включить другой переключатель.Переключить отключен переключатель и изменить отмеченное значение

Отключить и снова включить работу отлично, однако проверенный атрибут работает только в первый раз. И только на первом радио.

Вот код JS:

$(document).ready(function() { 
// disable the no end date radio button if the selection is changed to lifetime: 
     $("#budget_type").change(function() { 
      if ($(this).val() === "lifetime_budget") { 
       $('#schedule_no_end').attr("disabled", true); 
       $('#run_on_schedule').attr("disabled", false); 

       $('.schedule_end_radio').attr('checked',true); 
      } else { 

       $('#run_on_schedule').attr("disabled", true); 
       $('#schedule_no_end').attr("disabled", false); 

       $('.run_always').attr('checked',true); 

      } 
     }); 

    }); 
}); 

и HTML:

Budget: <select id="budget_type" name="budget_type"> 
    <option value="daily_budget">Daily budget</option> 
    <option value="lifetime_budget">Lifetime budget</option> 
</select> 
Schedule End: <label>No End Date<input checked name="schedule_end" id="schedule_no_end" value="ongoing" 
             type="radio"></label><br> 
<label>End on:<input name="schedule_end" id="schedule_end_radio" class="schedule_end_radio" value="endondate" type="radio"></label> 
<input class="datetimepicker" name="end_date" type="text"><br><br> 

Advert Scheduling: <label>Run adverts all the time<input checked name="advert_scheduling" id="run_always" class="run_always" value="allthetime" 
                 type="radio"></label> 
<label>Run adverts on schedule<input name="advert_scheduling" id="run_on_schedule" value="onschedule" type="radio" disabled></label> 
+0

Где ваш выбор на вашем html? –

ответ

1
Try this 
$(document).ready(function() { 
    $("#budget_type").change(function() { 
     if ($(this).val() === "lifetime_budget") { 
      $('#schedule_no_end').prop("disabled", true); 
      $('#run_on_schedule').prop("disabled", false); 

      $('.schedule_end_radio').prop('checked',true); 
     } else { 

      $('#run_on_schedule').prop("disabled", true); 
      $('#schedule_no_end').prop("disabled", false); 

      $('.run_always').prop('checked',true); 

     } 
    }); 

}); 

}); `

Смежные вопросы