Question

当选择下拉列表中的选项时，我正在运行jQuery脚本来禁用单选按钮。与此同时，我要求检查另一个单选按钮。

禁用和重新启用工作正常，但checked属性仅在第一次工作。而且只在第一台收音机上播放。

这是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>

Answer 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);

        }
    });

});

}）; `

切换已禁用的单选按钮并更改选中的值

1 个答案: