如果选中单选按钮，则设置所需字段

Question

当按钮将选中单选按钮时，我尝试使用必填字段。

我的jQuery（或JavaScript）是：

$('input#availability_to_work-1').change(function () {
if(this.checked) {
    $('input#availability_date_to_work').prop('required', true);
} else {
    $('input#availability_date_to_work').prop('required', false);
}

和

        $("input[name='availability_to_work']").click(function () {
        if ($("input#availability_to_work-1").is(":checked")) {
            $(".wpjb-element-input-text.wpjb-element-name-availability_date_to_work").show();
        } else {
            $(".wpjb-element-input-text.wpjb-element-name-availability_date_to_work").hide();
        }
    });

我的CSS：

.wpjb-element-input-text.wpjb-element-name-availability_date_to_work{display:none}

和HTML：

<input type="radio" value="'od zaraz'" name="availability_to_work" id="availability_to_work-0">

<div class="wpjb-element-input-text wpjb-element-name-availability_date_to_work" style="display: block;">

            <label class="wpjb-label">
                Data rozpoczęcia pracy                                    </label>

            <div class="wpjb-field">
                <input id="availability_date_to_work" name="availability_date_to_work" type="text" required="">                                                        </div>

        </div>

如果有人用“value =”'od daty'“'检查按钮，然后检查”od zaraz“，那么所有工作都会很好。

然后，当尝试对表单进行汇总时，有人会在面板开发人员中收到错误：

An invalid form control with name='availability_date_to_work' is not focusable.

有人可以帮我解决吗？ 使用复选框，它的工作正常。只有单选按钮才能正常工作。

谢谢。