javascript - 当页面从验证中重新加载时，禁用的字段不会被禁用/重置

Question

我已将某些字段设置为在选中复选框时禁用。但是，当用户提交表单数据且其无效时，页面将重新加载，其中复选框保持选中状态，但字段不再禁用。不确定如何解决这个问题？

JavaScript:

$('#CommentFrequencyOk').on('click', function () {
    $('#test').prop('disabled', this.checked);
});

要禁用的字段:

<fieldset id="test">
    <?php echo $this->Form->input('frequency_remarks'); ?>
    <?php echo $this->Form->input('duration_remarks'); ?>
</fieldset>

还有复选框:

<div class="checkbox">
    <label for="CommentFrequencyOk">
        <input type="hidden" name="data[Comment][frequency_ok]" id="CommentFrequencyOk_" value="0" />
        <input type="checkbox" name="data[Comment][frequency_ok]" class="checkbox" value="1" id="CommentFrequencyOk" /> Frequency
    </label>
</div>

Answer 1

在页面加载时写入以下行，即

// On Page Load
  $('#test').prop('disabled', $('#CommentFrequencyOk').is(":checked"));