javascript - 从验证重新加载页面时，未禁用/重置禁用字段

选中复选框后，我将某些字段设置为禁用。但是，当用户提交表单数据且该数据无效时，页面将重新加载，该复选框保持选中状态，但不再禁用该字段。不知道该如何解决？

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>

最佳答案

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

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